0
執行代碼每張幻燈片我用ResponsiveSlides.js我的網站上的滑塊。但是我使用JQuery在每張幻燈片中執行一個操作,並且每次幻燈片變爲「活動」時我都需要調用該代碼。responsiveslides.js過渡
我的代碼看起來是這樣的:
<ul class="rslides">
<li> <!-- slide 1 -->
<script>
// Do something
</script>
</li>
<li> <!-- slide 2 -->
<script>
// Do something else
</script>
</li>
</ul>
在這一點上我有每個<li>
內$(document).ready(function() {});
裏面的JS代碼,但很明顯,只有執行該代碼的頁面加載時。第三個模塊在幻燈片從第一張幻燈片轉換到下一張時執行。更糟的是,第一張幻燈片時,第一張幻燈片再次變得活躍永遠不會重新執行,也不是第二等
的代碼我很新jQuery的和JavaScript一般。我已經閱讀了ResponsiveSlides.js文檔,但是對於這種情況並沒有幫助,它似乎沒有用處。
我認爲有三種方式來獲取代碼的執行,但對其中的任何沒有線索。
- 在ResponsiveSlides.js本身,幾分
onActive()
內置的功能。這似乎並不存在。before: function(){}
似乎在每個幻燈片上調用上的相同功能。 - 調用代碼每次ResponsiveSlides.js改變CSS類製作幻燈片「活動」的一些方法。
- 某種方式比較直接的方式來「重新加載」一個特定的HTML塊,而無需重新加載整個頁面。
感謝您的幫助。
沒有什麼非常複雜的,調整大小和幻燈片特定圖像移動整個幻燈片,每個幻燈片不同的X,Y,寬度,高度。 –