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



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

#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-й за Ноябрь
Очков активности: 672 0 тем, 32 сообщения, 14 баллов репутации
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 63 Вне конкурса за определение пользователя месяца

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

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

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

    Rodiola (rukodelkovo.ru)
    Очков активности: 15 Вне конкурса за определение пользователя месяца

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

    kolver
    Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

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

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

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

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

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

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

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

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

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

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

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

    MattCutts (dmitrylee.ru)
    Очков активности: 4.5 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2019
  • Яндекс выдача: 04.12.2019
Топ 5 участников по репутации

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