наложение слайдшоу javascript - PullRequest
Новая
       25

наложение слайдшоу javascript

1 голос
/ 26 марта 2011

Я хотел бы сделать слайд-шоу изображений.Во-первых, у меня были бы только миниатюры, и при нажатии на них появлялось наложение (какой-то тип div или что-то в этом роде), и была бы возможность перемещаться по изображениям.Я не хочу использовать какие-либо библиотеки

, у меня есть это, пока: 

    NewImg = new Array (
"img/1gif",
"img/2gif",
"img/3gif"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
var delay = 3000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
   }
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
   }

html part 

<a href="javascript:chgImg(-1)">Previous</a>
<a href="javascript:auto()">Auto/Stop</a>
<a href="javascript:chgImg(1)">Next</a>

это обычная галерея изображений.С изображениями обычного размера.Я не знаю, как реализовать эти эскизы, спасибо, что помогли мне здесь

я забыл, я использовал следующий код для оверлеев (но не знаю, как реализовать его здесь) 

function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) 
  {
    elem = document.getElementById( whichLayer );
  }  
  vis = elem.style;
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}

http://jsfiddle.net/sevdah/z7Ggx/1/ на jsfiddle, но он не работает, не знаю почему

...