加载图像数组并加载下一张图像，点击

我试图用x图像构建一个渐进式滑块。其含义是，在页面加载时，滑块在滑块容器中加载3个图像，无论该数组包含多少图像。加载图像数组并加载下一张图像，点击

点击next/prev应该将前3张图像滑动到任一侧，然后加载下一个3（如果有的话）。

它应该发送下一个索引号到下一个功能，并在点击时增加/减少。

这是否有意义？ :)这是一个快速的样机，我做了...任何想法都欢迎：O）

THX !!!

var aImages = new Array("image1.jpg","image2.jpg","image3.jpg"); 
var slideImage = 1; 

function showImages() 
{ 
    var startImage = (slideImage -1)*6+1; 
    var endImage = (startImage +5); 

    for(i=startImage ; i <= endImage ; i++) 
    { 
     $('imageId'+ i).src = aImages[i]; 
     slideImage ++; 
    } 

} 

function slideImages() 
{   
    var startImage = (slideImage -1)*6+1; 
    var endImage = (startImage +5); 

    for(i=startImage ; i <= endImage ; i++) 
    { 
     $('imageId'+ i).src = aImages[i]; 
    } 
} 

slideImages();

来源

2013-02-08 Graahf

试试这个：http://www.codeproject.com/Articles/12218/Web-Based-Image-Slideshow-using-JavaScript – Pandian 2013-02-08 14:39:58

你可以使用库吗？ http://jquerytools.org/demos/scrollable/index.html滚动是非常容易使用。 – 2013-02-08 14:42:02

我会看看那些，thx :) – Graahf 2013-02-08 15:36:59

为了有一个最佳的经验，你应该至少预装前3并在未来3个图像

你也可以做类似

var imageList = []; 
for(...) 
{ 

    var img = new Image(); 
    img.src = ''; 
    imageList.push(img); 

}

，让他们在高速缓存

并使用9个图像占位符（中央3加3到每边），然后只应用

imgNode.src = imageList[x].src

来源

2013-02-08 14:40:03

不错 - 我会尝试thar和ser的世界为我的:) – Graahf 2013-02-08 15:36:10

加载图像数组并加载下一张图像，点击

回答

相关问题