2014-05-21 55 views
-2

对于我创建的网站,我需要一个由两个div(左和右)组成的标题。 左侧是一个图像滑块,右侧是包含关于左侧图片(也是一个滑块)的信息。幻灯片放映必须按时间间隔进行更改,并且还允许用户选择左侧和右侧。 有人可以给我一个示例代码?如何使用jquery创建图像和div幻灯片放映?

+2

向我们展示你的代码......你在哪里面临的问题,否则这个问题没有任何意义,要求这样的...我们希望看到你的代码只有我们可以帮助您! – Shashank

+0

你无法得到一个很好的答案你的问题构建的方式。无论如何,我可以告诉bxslider是你要做的事情的必须品。 http://bxslider.com/ – vaskort

回答

0

这是你的示例代码:http://jsfiddle.net/64hrq/

您可以自定义滑块:

var slideInterval = 3000, // in milliseconds 

和设置您的图片URL的数组,像这样:

imageArray = ["https://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Box_Green.png", "https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/512/social_twitter_button_blue.png", "http://icons.iconarchive.com/icons/graphics-vibe/simple-rounded-social/256/facebook-icon.png"]; 

和与相关文字相同的东西:

infoArray = ["image green text","twitter text","facebook text"]; 

请注意,图像和文本应放置在这两个数组中的相同索引处。 例如:

imageArray ["img1", "img2"]; 
infoArray["text for img1", "text for img2"]