Фотоальбом на uCoz | iT заметки | HTML&CSS | Статьи

Главная
Статьи iT заметки HTML&CSS

28.09.2012 в 19:50:32 | Добавил: Kot | Просмотров: 1834 | 3 ответа

Цитата

Подскажите как в фотоальбомах сделать так, чтобы при нажатии на фото оно увеличивалось?

На доске объявлений использую увеличение фото при нажатии, у меня получилось сделать скрипт для 4-х изображений к одному материалу:

Код

<?if($IMG_URL1$)?> <center><script type="text/javascript"> function EntImgs$ID$(){ var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL1$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="EntImgs$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL1$"> </a><br></center><?endif?> <?if($IMG_URL2$)?> <center><script type="text/javascript"> function siteimg$ID$(){ var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL2$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="siteimg$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL2$"> </a><br></center><?endif?> <?if($IMG_URL3$)?> <center><script type="text/javascript"> function screenBig$ID$(){ var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL3$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="screenBig$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL3$"> </a><br></center><?endif?> <?if($IMG_URL4$)?> <center><script type="text/javascript"> function Images$ID$(){ var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL4$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="Images$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL4$"> </a><br></center><?endif?>