2013-11-26 18 views
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文檔,但是對於這種情況並沒有幫助,它似乎沒有用處。

我認爲有三種方式來獲取代碼的執行,但對其中的任何沒有線索。

  1. 在ResponsiveSlides.js本身,幾分onActive()內置的功能。這似乎並不存在。 before: function(){}似乎在每個幻燈片上調用上的相同功能。
  2. 調用代碼每次ResponsiveSlides.js改變CSS類製作幻燈片「活動」的一些方法。
  3. 某種方式比較直接的方式來「重新加載」一個特定的HTML塊,而無需重新加載整個頁面。

感謝您的幫助。

回答

0

我不確定你想要執行的幻燈片更改是什麼樣的js,但我做了一個模型樣本,可能會給你一些想法如何使用回調之前/之後和幫助你在每個幻燈片上調用一些js活動..

 http://jsfiddle.net/nSP4A/3/
+0

沒有什麼非常複雜的,調整大小和幻燈片特定圖像移動整個幻燈片,每個幻燈片不同的X,Y,寬度,高度。 –