很多小伙伴在使用jQuery輪播的過程中會發現一個問題,就是輪播的圖片順序會相反,這個問題怎么解決呢?下面就和大家分享一下解決方案。
$(document).ready(function(){ $("#owl-demo").owlCarousel({ items : 4, autoPlay: true, stopOnHover: true, navigation: true, pagination: false }); });
上面的代碼是一段簡單的jQuery輪播代碼,如果出現圖片順序相反的情況,可以嘗試把items的值改為負數,比如-4或-3等等,這樣就可以正常顯示圖片,如下所示:
$(document).ready(function(){ $("#owl-demo").owlCarousel({ items : -4, autoPlay: true, stopOnHover: true, navigation: true, pagination: false }); });
原因是由于jQuery輪播插件的內部機制導致的,如果不改變items的值,輪播會按照數組的倒序來顯示圖片,改變items的值為負數就可以使圖片按照正常順序顯示。
總結一下,如果在使用jQuery輪播的過程中出現了圖片順序相反的問題,可以嘗試修改items的值為負數,就可以解決這個問題了。
上一篇jquery跨頁面傳值
下一篇css怎么取消輸入光標