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. Javascript中的圖片滑塊
- 4. 首頁圖片滑塊停止工作水平捲動網頁
- 5. 照片滑塊
- 6. 照片滑塊Iphone
- 7. 滑塊停止加載圖片在不同的頁面上
- 8. 如何設置頁眉圖片滑塊的Android
- 9. 圖片庫滑塊類星體
- 10. 圖片滑塊沒有正確加載
- 11. javascript滑塊圖片不居中
- 12. 圖片沒有響應滑塊庫
- 13. 圖片庫滑塊邊框不統一
- 14. 在jquery滑塊內的響應圖片
- 15. TensorBoard更改圖片滑塊步驟
- 16. 在滑塊中查看ms圖片
- 17. Android圖片/視頻滑塊庫
- 18. 簡單的jQuery分頁(內容滑塊)
- 19. 的div自定義分頁滑塊
- 20. 分頁導航任何滑塊
- 21. 整頁jQuery滑塊
- 22. 滑塊每張幻燈片
- 23. Div滑塊幻燈片?
- 24. 幻燈片的jQuery滑塊
- 25. 如何爲網頁創建滑塊圖?
- 26. 我的JavaScript圖片庫滑塊的右側滑塊不起作用,我的左側滑塊是
- 27. 引導滑塊+滑軌:多個滑塊加載頁面加載
- 28. CakePHP的分頁與圖片
- 29. 分頁Django One圖片
- 30. 創建分頁圖片廊
這似乎不能正常工作。這些數字不對應於圖像..:/ – 2010-08-17 13:11:24
啊,我的錯誤。儘管這個數字仍然可以實現。我假設你有一個頁面大小(即每頁10個圖像)。在這種情況下,設置'currentimage'將按照如下方式完成:'(number * 10) - 1'。 – Pat 2010-08-17 14:04:48