Basia

 Рабочий, где-то в интернет (не помню где конкретно) найденный и проверенный мною, скрипт для создания маленькой фотогалереи:

function img_obj()
{
var errorImg = "images/sp.gif",
waitImg = "images/sp.gif",
eq_img = "images/eq.gif",
spacer_img = "images/sp.gif",
load_time_wait = 30,
loop_index = 0,
ArrayImg = new Array(),
ArraySrc = new Array(
{"src":"1.jpg","descr":"11111"},
{"src":"2.jpg","descr":"22222"},
{"src":"3.jpg","descr":"33333"},
""),
index = 0,
url = "",
CreateListFlag = true,
count = ArraySrc.length-2,
timer_id, url_str;
this.init =
function ()
{
url = "gal/";
if(CreateListFlag)
{
str = "<ol>";
for(i=0;i<=count;i++)
{
str += "<li><a href='#' onclick='OpenWin(\""+
url+ArraySrc[i].src+"\")'>"+
ArraySrc[i].descr+"</a><br>";
}
document.getElementById("img_list").innerHTML =
str+"</ol>";
}
change_img();
}
tm = function (obj)
{
if (obj.complete)
{
eq.src = spacer_img;
if (obj.fileSize < 0)
{
pic.src = errorImg;
document.getElementById("img_descr").innerText =
"Время загрузки истекло";
}
else
{
pic.src = obj.src;
document.getElementById("img_descr").innerText =
ArraySrc[index].descr;
}
clearInterval(timer_id);
loop_index = 0;
}
else
{
loop_index++;
if (loop_index > load_time_wait)
{
eq.src = spacer_img;
loop_index = 0;
pic.src = errorImg;
document.getElementById("img_descr").innerText =
"Время загрузки истекло";
clearInterval(timer_id);
}
}
}
change_img =
function()
{
pic.src = waitImg;
ArrayImg[index] = new Image();
ArrayImg[index].src = url+ArraySrc[index].src;
obj = ArrayImg[index];
eq.src = eq_img;
clearInterval(timer_id);
timer_id = setInterval("tm(obj)",1000);
}
this.reload =
function ()
{
if (!ArrayImg[index].complete)
{
pic.src = waitImg;
obj = ArrayImg[index];
eq.src = eq_img;
clearInterval(timer_id);
timer_id = setInterval("tm(obj)",1000);
}
}
this.next =
function ()
{
if (index < count)
{
index++;
change_img();
}
else
{
alert("больше изображений нет");
}
}
this.prev =
function ()
{
if (ArraySrc[index-1])
{
index--;
pic.src = waitImg;
obj = ArrayImg[index];
eq.src = eq_img;
clearInterval(timer_id);
timer_id = setInterval("tm(obj)",1000);
}
else if (index-1 >= 1)
{
index--;
change_img();
}
else
{
alert("вы уже в начале");
}
}
}
function Init()
{
o = new img_obj();
o.init();
}
Init();
function OpenWin(url)
{
www = window.open(url,'img','resizable=1,scrollbar=yes,'+
'toolbar=0,status=0,menubar=0,'+
'width=700,height=500');
www.focus();
}
            </script>