0
Q
圖片滑塊分頁
A
回答
0
這裏是我的代碼&演示:http://jsbin.com/apawe4
首先確定的指標li
(。第)個元素並根據元素索引對元素進行動畫處理。以下代碼說明我在說什麼=)
$(document).ready(function(){
var sliderwidth = 500;
$('#navigation li').bind('click',function() {
$('.slider').animate({left:"-" + sliderwidth * $(this).index() },1000);
});
})
0
由於您使用的是currentimage
變量來控制您正在查看和移動的圖像,因此您可以通過捕獲點擊的數字並製作currentimage = number - 1
來完成此操作。然後,它也只是饋入這類似於函數的無論什麼你已經做在nextnumber()
:
$('li.page').click(function(){
// Get the clicked number
var currentimage = parseInt($(this).text()) - 1;
// Paging function similar to nextnumber()
page(currentimage);
});
相關問題
- 1. 圖片滑塊
- 2. 與分頁jQuery的圖像滑塊
- 3. 圖片導航滑塊Android
- 4. Javascript中的圖片滑塊
- 5. 隨機Javascript圖片滑塊
- 6. 圖片自動滑塊
- 7. 背景圖片滑塊
- 8. jQuery的分頁UI滑塊
- 9. DIY滑塊簡單分頁
- 10. 首頁圖片滑塊停止工作水平捲動網頁
- 11. 照片滑塊
- 12. 照片滑塊
- 13. 圖片上傳和圖像滑塊
- 14. Jcarousel滑塊在滑塊框中僅顯示一個圖片
- 15. 照片滑塊Iphone
- 16. 多頁滑塊頁
- 17. 如何設置頁眉圖片滑塊的Android
- 18. 滑塊停止加載圖片在不同的頁面上
- 19. 用滑塊替換一個多頁頭圖片
- 20. 在jquery滑塊內的響應圖片
- 21. 用滑塊淡化圖片[Sencha Touch]
- 22. javascript滑塊圖片不居中
- 23. Android圖片/視頻滑塊庫
- 24. 位置和滑塊(見圖片)
- 25. 滑塊圖片放大站點高度
- 26. 圖片庫滑塊類星體
- 27. Nivo滑塊將圖片向下推
- 28. 圖片滑塊沒有正確加載
- 29. Flux滑塊 - 在底部切斷圖片
- 30. TensorBoard更改圖片滑塊步驟
這似乎不能正常工作。這些數字不對應於圖像..:/ – 2010-08-17 13:11:24
啊,我的錯誤。儘管這個數字仍然可以實現。我假設你有一個頁面大小(即每頁10個圖像)。在這種情況下,設置'currentimage'將按照如下方式完成:'(number * 10) - 1'。 – Pat 2010-08-17 14:04:48