[Ликбез]
Форма входа
Логин:
Пароль:
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... Тема только по сайтам в системе uCoz » Как сделать смену картинки при клике?
Как сделать смену картинки при клике?
[1] nataly [21.02.2011, 15:38]
как реализовать - увеличение только из первого окна, а клик по др картинке ставит ее в первое окно.

Code
<div>
<?if($IMG_SMALL_URL1$)?>
<a href="$IMG_URL1$" title="$TITLE$" class="thickbox">
<img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 name=pm1 style="margin-top:13px"> </a><?endif?>

<?if($IMG_SMALL_URL2$)?>
<div style="margin-top:10px;float:left">
<a href="#" onClick="JavaScript:
var d=document;
var l=d.pm1.src;
d.pm1.src=d.pm2.src;
d.pm2.src=l"
<img src="$IMG_SMALL_URL2$" name=pm2 border=0 height="33%"></a>
</div>
<?endif?>

<?if($IMG_SMALL_URL3$)?>
<div style="margin-top:10px; margin-left:10px;float:left">
<a href="#" onClick="JavaScript:
var d=document;
var l=d.pm1.src;
d.pm1.src=d.pm3.src;
d.pm3.src=l"
<img src="$IMG_SMALL_URL3$" name=pm3 border=0 height="33%"></a>
</div>
<?endif?>

<?if($IMG_SMALL_URL4$)?>
<div style="margin-top:10px; float:left">
<a href="#" onClick="JavaScript:
var d=document;
var l=d.pm1.src;
d.pm1.src=d.pm4.src;
d.pm4.src=l" <img src="$IMG_SMALL_URL4$" name=pm4 border=0 height="33%"></a>
</div>
<?endif?>

</div>

Получается что увеличивается всегда первая картинка(((

Сообщение отредактировал likbezz - Понедельник, 21.02.2011, 18:08
[2] likbezz [21.02.2011, 18:31]
Quote (nataly)
как реализовать - увеличение только из первого окна, а клик по др картинке ставит ее в первое окно.

nataly,

Типа вот так:

☑ Пример ...

Или что? ...

Код примера:

Code
<div>
<?if($IMG_SMALL_URL1$)?>
<a href="$IMG_URL1$" title="$TITLE$" class="thickbox"><img src="/_example/_img/_anime/_01_800x600.jpg" name="pm1" border="0" class="newsPictures" id="pm1" style="margin-top:13px; width:600px;" /> </a><br class="clear" />
<?endif?>
<div style="width:150px;margin:0 auto;">
<?if($IMG_SMALL_URL2$)?>
<div style="margin:10px 3px 0;float:left;width:40px;"><a href="javascript://" onclick="var d=document;var l=d.pm1.src;d.pm1.src=d.pm2.src;d.pm2.src=l;return false;"><img src="/_example/_img/_anime/_02_800x600.jpg" name="pm2" height="33px" border="0" id="pm2" /></a>
</div><?endif?>

<?if($IMG_SMALL_URL3$)?>
<div style="margin:10px 3px 0;float:left;width:40px;"><a href="javascript://" onclick="var d=document;var l=d.pm1.src;d.pm1.src=d.pm3.src;d.pm3.src=l;return false;"><img src="/_example/_img/_anime/_03_800x600.jpg" name="pm3" height="33px" border="0" id="pm3" /></a>
</div><?endif?>
<?if($IMG_SMALL_URL4$)?>
<div style="margin:10px 3px 0;float:left;width:40px;">
<a href="javascript://" onclick="var d=document;var l=d.pm1.src;d.pm1.src=d.pm4.src;d.pm4.src=l;return false;"><img src="/_example/_img/_anime/_04_800x600.jpg" name="pm4" height="33px" border="0" id="pm4" /></a>
</div>
<?endif?>
</div>
</div>

Ссылки на картинки измени ...
...

А вообще - не очень понятно назначение скрипта ...
...

[3] nataly [21.02.2011, 19:41]
Спасибо, но не так должно работать)) вот, посмотрите, здесь все происходит

http://www.hockeystock.ru/load/shlemy/shlemmmmmm/1-1-0-15#

тут видно, если потыкать по квадратам(они картинки) - местами они меняются, но всплывает всегда только первая картинка, а должна всплывать картинка которая в квадрате.
наверно массив $IMGS_ARRAY_JS$ нужно использовать?
Спасибо

[4] likbezz [21.02.2011, 21:49]
nataly,
Quote (nataly)
вот, посмотрите, здесь все происходит

- Там вообще используется библиотека "/thickbox/thickbox.js" - просто присвойте класс thickbox ссылкам...
Code
<a href="$IMG_URL1$" title="$TITLE$" class="thickbox"> .... </a>

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