2014-05-21 96 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"]