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



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

#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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
BLIK BLIK 1-й за Июль
Очков активности: 81 0 тем, 27 сообщений, 2 балла репутации
ТОП самых активных за этот месяц
  • Фотография Megoydagi
    #1

    Megoydagi (24ho.ru)
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография heisenberg
    #2

    heisenberg
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография sws
    #3

    sws
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

  • Фотография Totti
    #4

    Totti
    Очков активности: 6 0 тем, 4 сообщения, 1 балл репутации

  • Фотография kartuzzz
    #5

    kartuzzz
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография Chaser
    #6

    Chaser (majento.ru)
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография kuprum
    #7

    kuprum
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография Cpatoday
    #8

    Cpatoday
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография 2kwkw
    #9

    2kwkw
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография zyzy
    #10

    zyzy
    Очков активности: 3 0 тем, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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