Как сделать картинку комментарием?

Страницы: ← Следующая страница →

designman

Сообщения: 99 Репутация: N Группа: Кто попало

Июнь 30, 2008, 11:24 д.п.

Всем привет! Тема следующая.
Всем известно, как добавлять комментарий к картинке, alt="comment", или title к тексту.
А как сделать, чтоб по тому же типу при наведении на ссылку, рядом отображалась небольшая пиктограммка (заранее предустановленная картинка)? Размером, 100x100 максимум.
AlexB

Сообщения: 4306 Репутация: N Группа: в ухо

Июнь 30, 2008, 12:07 п.п., спустя 43 минуты 2 секунды

Написать JavaScript
designman

Сообщения: 99 Репутация: N Группа: Кто попало

Июнь 30, 2008, 1:12 п.п., спустя 1 час 5 минут 23 секунды

а есть пример?
Animator

Сообщения: 194 Репутация: N Группа: Кто попало

Июнь 30, 2008, 1:14 п.п., спустя 2 минуты 1 секунду

http://hoteltiflis.com/map.htm вот посмотри, помоему ты что то такое хочеш. в мозиле не работает, говорю сразу
AlexB

Сообщения: 4306 Репутация: N Группа: в ухо

Июнь 30, 2008, 1:16 п.п., спустя 1 минуту 42 секунды

а есть пример?
Я думаю в интернете таких примеров навалом …
Да и самому написать не долго
md5

Сообщения: 11960 Репутация: N Группа: в ухо

Июнь 30, 2008, 2:02 п.п., спустя 45 минут 43 секунды

делал не так давно
http://www.msnsport.ru/catalog/

все умрут, а я изумруд
designman

Сообщения: 99 Репутация: N Группа: Кто попало

Июнь 30, 2008, 3:44 п.п., спустя 1 час 42 минуты 37 секунд

а второй вариант работает в Mozille? и вообще, какой процент сегодня сидит на мозилле?
Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

Июнь 30, 2008, 3:57 п.п., спустя 12 минут 34 секунды

необязательно яваскрипт можно одним css обойтись

http://www.ajaxrussia.com/archives/css-tooltips
mechanic

Сообщения: 125 Репутация: N Группа: Кто попало

Июль 1, 2008, 10:01 д.п., спустя 18 часов 3 минуты 43 секунды

а второй вариант работает в Mozille? и вообще, какой процент сегодня сидит на мозилле?

стата по браузерам http://www.liveinternet.ru/stat/ru/browsers.html?period=month
графики цен на золото http://www.fc.kiev.ua/ru/private/bars/graph/
на какую лошадь поставить http://prikol.forumprosport.ru/tag/konnyj-sport/
AlexB

Сообщения: 4306 Репутация: N Группа: в ухо

Июль 1, 2008, 10:14 д.п., спустя 13 минут 56 секунд

необязательно яваскрипт можно одним css обойтись
http://www.ajaxrussia.com/archives/css-tooltips

Прикольно! Как говорится, все гениальное - просто. :)
Из недостатков реализации можно отметить не всегда корректное поведение, при изменении размеров окна.
designman

Сообщения: 99 Репутация: N Группа: Кто попало

Июль 3, 2008, 7:31 д.п., спустя 1 день 21 час 16 минут

необязательно яваскрипт можно одним css обойтись
http://www.ajaxrussia.com/archives/css-tooltips

— наверняка посредством модернизации данного метода можно организовать что-то типа выпадающего меню!?
Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

Июль 3, 2008, 12:02 п.п., спустя 4 часа 31 минуту 13 секунд

designman,
ну вот зачем ты спросил?! я тут за идею уже час убил
и еще буду сидеть потому что мысль хорошая тока сука не реализуймая

Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

Июль 3, 2008, 12:34 п.п., спустя 32 минуты 6 секунд

я тебя презираю ;)


<html>
<head>
<style type="text/css" media="all">
div {
  z-index:10;
  width:150px;
  border:1px solid #444;
}
div:hover {
  position:relative;
  z-index:100;
}
div span, span div{
  display:none;
}
div:hover span{
  display:block;
  position:absolute;
  float:left;
  white-space:nowrap;
  top:-1px;
  right:-153px;
  background:#fffcd1;
  color:#444;
  z-index:10;			
}

div:hover > span > div {
  display:block;
  color:#ff0000;
}

a:hover{
  background:#00ff00;
}

</style>
</head>
<body>

<br><br><br>
<div style="border:none;">навести мышку тут<span>
	<div>root<span>
		<div>sub 1
			<span>
				<div>
					<a href="#">link 1</a><br/>
					<a href="#">link 2</a>
				</div>
			</span>
		</div>
		<div>sub 2
			<span>
				<div>
					<a href="#">link 3</a><br/>
					<a href="#">link 4</a><br/>
					<a href="#">link 5</a>
				</div>
			</span>
		</div></span>
	</div></span>
</div>

</body>
</html>

ЗЫ плюс мне в карму! (с) Д.Блейн

AlexB

Сообщения: 4306 Репутация: N Группа: в ухо

Июль 3, 2008, 12:49 п.п., спустя 14 минут 11 секунд

div:hover
и
span > div

Это нифига не кроссбраузерно …
Timur

Сообщения: 1068 Репутация: N Группа: Джедаи

Июль 3, 2008, 2:32 п.п., спустя 1 час 42 минуты 59 секунд

div:hover

Можно использовать behavior - http://www.umade.ru/log/2004/07/30.html (признаюсь, сам пока не юзал) или старый добрый JS - http://www.webmascon.com/topics/coding/42a.asp

Страницы: ← Следующая страница →

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

Как сделать картинку комментарием?

Войти