Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Нужен скрипт-привязка

#1 dimaziz

dimaziz
  • Пользователь
  • 342 сообщений
  • Репутация: 1
0

Отправлено 16 Март 2010 - 12:17

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://kino-tv-forum.ru/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 5;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightwhite;
padding: 6px;
left: -1000px;
border: 3px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 50;
padding: 50px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

<div class="eTitle" style="text-align: left;" align="center"><a class="thumbnail" href="$ENTRY_URL$" style="font-size: 12pt;font-family: Georgia;"><b><i>$TITLE$</i></b><span>$MESSAGE$</span></a></div></td></tr></tbody></table>

$ENTRY_URL$ - ссылка на страницу с материалом
$TITLE$ - название материала
$MESSAGE$ - картинка, которая будет всплывать

Нужен скрипт, который всплывающую картинку привяжет к ссылке, когда на нее наводишь, а не будет задан конкретным местоположением.

 

 

  • 0

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 16 Март 2010 - 15:00

http://www.dynamicdr...p-image-viewer/
http://www.dynamicdr...-image-gallery/
  • 0

#3 dimaziz

dimaziz
    Topic Starter
  • Пользователь
  • 342 сообщений
  • Репутация: 1

Отправлено 16 Март 2010 - 16:48

http://www.dynamicdr...p-image-viewer/
http://www.dynamicdr...-image-gallery/

это конечно все замечательно, но скрипт CSS именно с этого сайта взят....
мне в принципе нужно только одно
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://kino-tv-forum.ru/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 10;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightwhite;
padding: 6px;
left: 720px
border: 3px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 500;
padding: 500px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:
left: 720px/*position where enlarged image should offset horizontally */

}

</style>

покажите, где тут можно что вставить, чтобы картинка, которая привязана к названию выскакивала как бы сверху, а не снизу, а то у меня внизу списка картинка наклыдывается на границу сайта и половину не видно...вообщем взгляните вот сюда внизу при наведении на последних будет видна проблема
  • 0


Оформление форума – IPBSkins.ru