Общее Расширения Картинки Мультимедиа Коды Дизайн ЧаВо Поиск

meinhart

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="&lt;
Vorheriges" /> <input type="button" name="first" onclick="firstimg();" value="|&lt;&lt; Start" /> <input type="button" name="random" onclick="pickrand();" value="? Zufall
?" /> <input type="button" name="last" onclick="lastimg();" value="Letztes &gt;&gt;|" /> <input type="button" name="next" onclick="nextimg();" value="N&auml;chstes &gt;" />
</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 раз(а)
Всего 114227 посетителей
Другие сайты о ru.gg:
=> Тебе нужна собственная страница в интернете? Тогда нажимай сюда! <=