[Ищу] всплывающая картинка при наведении на ссылку

Статус
В этой теме нельзя размещать новые ответы.

maxueld

Постоялец
Регистрация
15 Дек 2008
Сообщения
72
Реакции
28
Хто может помочь. Нужно чтобы при наведении на ссылку появлялась картинка, как сдесь Для просмотра ссылки Войди или Зарегистрируйся (фото 1, фото 2:(bc:
 
JavaScript Фреймворки.
Например extJS.
 
лучше jQuery он на много легче.

вот кокретный код
Для просмотра ссылки Войди или Зарегистрируйся

тут демка
Для просмотра ссылки Войди или Зарегистрируйся

юзается очень просто - просто включаешь либу в хтмлку и к каждой ссылке в тэге rel указываешь имя картики которую загружать при наведении.

PHP:
<a href="http://www.cssglobe.com" class="screenshot" rel="cssg_screenshot.jpg" title="Web Standards Magazine">
Css Globe</a>
 
Вот так можно сделать вывод картики при наведении на ссылку


PHP:
<style type="text/css">

a img {
border:none;
}

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;
}
#counter {
display:none;
text-align:center;
}
</style>

Это вставлять в где будет нужна ссылка
PHP:
<a class="thumbnail" href="#">Скачать<span><img src="путь к картинке" width="150" height="150" alt=""><br>Название под картинкой</span></a>
 
Вот, набрел на пару сайтов, есть из чего выбрать:

 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху