Каталог статей
| Главная » Статьи » Web-мастерам » Скрипты для Ucoz и не только |
Все $IMAGE1..10$ при клике на одну картинку
Автор: tester-disru | Дата: 10.02.2012 | Просмотров: 1045 |
Хочу рассказать о том, как можно спокойно реализовать просмотр всех картинок загруженных (прям на сайт при добавлении статьи) видом:
Все это реализовать очень просто:
1) Открываем: панель управления/управление дизайном/страница материала и комментария к нему
2)После вставляем Скрипт:
Code
<script type="text/javascript">
function _bldCont(indx){
var bck=indx-1;var nxt=indx+1;
if (bck<0){bck = allEntImgs$ID$.length-1;}
if (nxt>=allEntImgs$ID$.length){nxt=0;}
var imgs='';
for (var i=0;i<allEntImgs$ID$.length;i++){var img=i+1;
if(allEntImgs$ID$[i][0].length<1){continue;}
if (i==indx){imgs += '<b class="pgSwchA">'+img+'</b> ';}
else {imgs += '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+i+');return false;">'+img+'</a> ';}
}
if (allEntImgs$ID$.length>1){imgs = '<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+bck+');return false;">« Back</a> '+imgs+'<a class="pgSwch" href="javascript://" rel="nofollow" onclick="_bldCont('+nxt+');return false;">Next »</a> ';}
var hght = parseInt(allEntImgs$ID$[indx][2]); if ($.browser.msie) { hght += 28; };
_picsCont = '<div id="_prCont" style="position:relative;width:' + allEntImgs$ID$[indx][1] + 'px;height:' + hght.toString() + 'px;"><img alt="" border="0" width="' + allEntImgs$ID$[indx][1] + '" height="' + allEntImgs$ID$[indx][2] + '" src="' + allEntImgs$ID$[indx][0] + '"/><div align="center" style="padding:8px 0 5px 0;">'+imgs+'</div></div>';
new _uWnd('wnd_prv',"Скриншоты",10,10,{popup:1,waitimages:300000,autosizewidth:1,hideonresize:1,autosize:1,fadetype:1,align:'center',min:0,max:0,resize:1},_picsCont);
}
</script>
3) В любое место, где будет первая картинка - вставляем вызов кода:
Code
$IMGS_ARRAY_JS$
4)Сразу после кода вызываем сами картинки:
Code
<script type="text/javascript">if (typeof(allEntImgs$ID$)!='undefined'){var ar=Math.floor(Math.random()*allEntImgs$ID$.length); document.write('<img alt="" title="Скриншоты" src="'+allEntImgs$ID$[ar][3]+'" width="'+allEntImgs$ID$[ar][4]+'" border="0" onclick="_bldCont(ar);" style="cursor:pointer;">');}</script>
Вот и все
Осталось только добавить новость:
1) Добавляем картинки:
2) Не вставляем их в вид полного сообщения (IMAGE1..10) иначе будут отображаться все image и еще в том месте куда вставили скрипт вывода тоже появится картинка, только первая самая - при клике на которую появится большая с возможностью перелистывания всех image в этой новости или статье.
3) Нажимаем добавить и любуемся 
|
| |||||||||
| |||||||||
