水平幻燈片放映

我已經做了一個jQuery的標題，它會在特定時間後自動更改圖像。這很好，現在我想在這個標題上製作一個水平滑動條，它將在較小的範圍內顯示uaser可以跳過並瀏覽圖像的圖像。水平幻燈片放映

任何簡單的建議，我可以如何在jQuery中以簡單的方式做到這一點？

2012-03-01 IT_info

取決於你知道多少JS和一個類似jQuery的庫。我說這是因爲建立類似你自己的東西非常容易。但是，正如我可以看到這個問題一樣，我相信你會對插件感到滿意。如果你不想看到你的問題downvoted，請更具體。 – 2012-03-01 20:41:42

你想使用jquery插件嗎？ – MCSI 2012-03-01 20:42:25

將每個圖像放入一個帶有填充和浮點數的div：left。使用jQuery，將它們全部用一個足夠大的容器包裝以適應所有這些容器，並且絕對位於另一個div中，具有位置相對，溢出隱藏和固定寬度。然後，您就可以自由移動的容器周圍

HTML結構：

<div id="outercontainer" style="width: 500px;overflow: hidden; position:relative;"> 
    <div id="innercontainer" style="width: *set with jQuery*; position:absolute;top: 0; left: 0"> 
    <div class="imgContainer" style="padding:20px;float:left"> 
     <img src="1.jpg"/> 
    </div> 
    <div class="imgContainer" style="padding:20px;float:left"> 
     <img src="2.jpg"/> 
    </div> 
    </div> 
</div>

來源

2012-03-01 20:43:07

你在第二行用'jquery'設置是什麼意思？ – 2012-03-01 20:49:48

使用jQuery來發現'imgContainer'的總寬度並將其分配給'innercontainer' – 2012-03-01 20:53:12

，如果你想使用一個jQuery插件，我建議你使用：

http://jqueryfordesigners.com/automatic-infinite-carousel/

或

http://nivo.dev7studios.com/

好運！

來源

2012-03-01 20:48:27 MCSI

水平幻燈片放映

回答

相關問題