Galerie
Как создать вторую галерею (фотоальбом)?
(Автор: ruherzog)На своем сайте можно создать страницы видимые всем посетителям и страницы для определённого круга (закрытые). А вот альбомы с фотографиями можно сделать только открытыми или только закрытыми. Потому что каждое расширение можно активировать только один раз. В том числе и галерею. Здесь описывается одна из возможностей создания второй галереи.
Один из вариантов сделать альбом на странице (закрытой или открытой)
<script language="JavaScript">
<!-- var i = 1 images = new Array images[1] = "URL-1" images[2] = "URL-2" images[3] = "URL-3" images[4] = "URL-4" function gallery(){ if (i == 1){ document.gallery.previous.value="" } } function previmg(){ if (i != 1) { i -- document.img.src = images[i] document.gallery.next.value = "Nächstes >" } if (i == 1) { document.gallery.previous.value="" } } function nextimg(){ if (i != 4) { i ++ document.gallery.previous.value="< Vorheriges" image = images[i] document.img.src = image} if (i ==4){ document.gallery.next.value=""; } } function pickrand(){ var imagenumber = 10 ; var randomnumber = Math.random() ; var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1; var randimage = images[rand1] document.img.src = randimage i = rand1 if (i == 1){ document.gallery.previous.value=""; } else { document.gallery.previous.value="< Vorheriges"; } if (i == 6){ document.gallery.next.value=""; } else { document.gallery.next.value="Nächstes >"; } } function firstimg(){ i = 1 document.img.src = images[i]; document.gallery.previous.value=" "; document.gallery.next.value="Nächstes >" } function lastimg(){ i = 4 document.img.src = images[i]; document.gallery.next.value=" " document.gallery.previous.value="< Vorheriges" } function stoperror(){ return true } window.onerror=stoperror // --> </script> <table width="550" height="350" border="0" align="center"> <tbody> <tr> <td height="300"> <div align="center"><img border="0" alt="" name="img" src="images[1] = "URL-1"" /></div> </td> </tr> <tr> <td align="center"> <div style="visibility: hidden;"> <form name="gallery"> <input type="button" name="previous" onclick="previmg();" value="< Vorheriges" /> <input type="button" name="first" onclick="firstimg();" value="|<< Start" /> <input type="button" name="random" onclick="pickrand();" value="? Zufall ?" /> <input type="button" name="last" onclick="lastimg();" value="Letztes >>|" /> <input type="button" name="next" onclick="nextimg();" value="Nächstes >" /> </form> </div> <font class="stn"> </font> <a href="javascript:onclick=firstimg()"><font class="sln"><img alt="" src="URL-начало" /></font></a> <font class="sln"> <font class="stn"> </font> <a href="javascript:onclick=previmg()"><font class="sln"><img alt="" src="URL-назад" /></font></a> <font class="sln"><font class="stn"> </font> <a href="javascript:onclick=pickrand()"><font class="sln"><img alt="" src="URL-не по порядку" /></font></a><font class="sln"> <font class="stn"> </font> <a href="javascript:onclick=nextimg()"><font class="sln"><img alt="" src="URL-вперёд" /></font></a><font class="sln"> <font class="stn"> </font> <a href="javascript:onclick=lastimg()"><font class="sln"><img alt="" src="URL-конец" /></font></a><font class="sln"> <font class="stn"> </font> </font></font></font></font></font></td> </tr> </tbody> </table> |
URL-1 | Адрес вашей первой картинки (фотографии) |
URL-2 | Адрес второй и.т.д |
4 | Количество картинок |
URL-начало | Адрес картинки для перелистывания (в данном случае на начало) пример: и.т.д |
Количество картинок можно увеличить, добавляя строку с URL-2 с соответствующим номером
Важно!Картинки должны быть одинакового размера, иначе просматривание альбома не доставит удовольствия.
Вносить код надо естественно при отключеном редакторе (нажать "Источник").
С уважением ruherzog
Последний раз редактировалось: ruherzog (20.03.2008, 00:28), всего редактировалось 4 раз(а)