Плавное увеличение картинки при наведении мыши

caute · 21.06.2011

нашел пример скрипта, который делает то, что мне надо:
hs.Expander.prototype.onMouseOut
но не умею вставить этот скрипт в свою страничку как полагается.
Может, кто-нибудь пояснит на пальцах, куда тот код вставлять, чтоб работало как на примере, который там справа.

BaNru · 21.06.2011

Там есть пункт Example
думаю понятнее, чем там, объяснять можно только дауну.

Могу предложить вариант попроще и современнее
http://www.xiper.net/uncensored/css3-gallery.html

x-encoder · 21.06.2011

это вставляешь перед </head>

Код:

<script type="text/javascript">
// close on mouse ouths.Expander.prototype.onMouseOut = function (sender) {   sender.close();};
// close if mouse is not over on expand (using the internal mouseIsOver property)hs.Expander.prototype.onAfterExpand = function (sender) {   if (!sender.mouseIsOver) sender.close();};</script>

это уже между <body></body>

HTML:

<a class="highslide" href="../samples/full3.jpg" #здесь указывается пусть на полную картинку
onmouseover="return this.onclick()"
onclick="return hs.expand(this)">
<img src="../samples/thumb3.jpg" #здесь указывается путь на уменьшенную копию
alt=""/></a>

caute · 21.06.2011

BaNru, а ты в этом топике надеялся встретить спинозу?
всё сделал, как написано, всплытия не было - с указанной странички вышел на нормальное описание, как раз для меня

за вариант с css3 тоже спасибо, не подошел, но было познавательно.

Плавное увеличение картинки при наведении мыши

caute

Новичок

BaNru

Пацифизжу

x-encoder

Well-Known Member

caute

Новичок

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей