使用兩個jcarousels和另一個影響

我設置了sorgalla jcarousel插件，我試圖做的是有兩個實例轉盤，其中一個影響另一個。一個將有一個塊/垂直樣式，另一個將具有水平樣式。使用兩個jcarousels和另一個影響

不幸的是，我只是開始學習Javascript和JQuery，所以我不太清楚如何從這裏開始，任何幫助的建議，至少我可以看看會很好。

這裏是被稱爲二次函數...

<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery('#mycarousel').jcarousel({ 
    start: 2, // Configuration goes here 
    wrap: "circular", 
    auto: 1, 
    scroll: 1, 

}); 
}); 

jQuery(document).ready(function() { 
jQuery('#second-carousel').jcarousel({ 
    start: 2, // Configuration goes here 
    wrap: "circular", 
    auto: 1, 
    scroll: 1, 

}); 
}); 
</script>

這裏是我居然插入jcarousels ...

<ul id="mycarousel" class="jcarousel-skin-tango"> 
    <li>test</li> 
    <li>test1</li> 
    <li>test2</li> 

    </li> 
</ul> 

<ul id="second-carousel" class="jcarousel-skin-tango"> 
    <li>test</li> 
    <li>test1</li> 
    <li>test2</li> 

    </li> 
</ul>

有沒有一種方法，我可以同步兩個上，所以當我按下方向導航的頂部，它也控制第二個？這裏是他們正在測試的網站... http://gonuts.ie/?page_id=99

最終我的目標是要達到什麼http://www.skysports.com必須在其頁面的頂部，有一個大概繞了林不知道一個更簡單的方法。再次感謝。

來源

2012-12-09 Adrian

恕我直言，得到一個不同的旋轉木馬插件。 'wrap：「circular」'在這個着名的buggy/broken中。 – Sparky

Skysports不是兩個單一的輪播。 –

感謝里克，經過多點搜索後，我相信這個術語是「多旋轉木馬」，我發現一個教程建設一個，所以我試着發佈答案前 – Adrian

這裏有一種方法可以將兩個jCarousels鏈接到Skysports站點（注意Rick Calder的評論：Skysports示例是單個輪播）。

var carousel_2; 
$('#mycarousel').jcarousel({ 
    start: 1, 
    wrap: "circular", 
    scroll: 1, 
    itemFirstInCallback: { 
     onBeforeAnimation: function(carousel, item, index, action) { 
      if (carousel_2) { 
       carousel_2[action](); 
      } 
     } 
    } 
}); 
$('#second-carousel').jcarousel({ 
    start: 2, 
    wrap: "circular", 
    scroll: 1, 
    vertical: true, 
    buttonNextHTML: null, 
    buttonPrevHTML: null, 
    initCallback: function(c) { 
     carousel_2 = c; 
    } 
});

DEMO

測試在Opera，並參照Sparky672的評論，我沒有得到任何問題wrap:"circular"。

來源

2012-12-09 22:46:28

謝謝你，我會試試這個以後 – Adrian

工作就像一個魅力謝謝你，我想我需要了解'itemFirstInCallback'，因爲我真的不知道我（或者更多）你在那裏做了什麼。 – Adrian

我在[jCarousel文檔]（http://sorgalla.com/projects/jcarousel/）中找到了'itemFirstInCallback'。它是幾個回調對中的一個，它提供了將處理程序附加到輪換轉換時發生的事件的可能性。每個回調對包含「onBeforeAnimation」和「onAfterAnimation」。 TBH，文件可能會更好，我的解決方案部分是通過反覆試驗設計的。嘗試將'onBeforeAnimation'更改爲'onAfterAnimation'以獲得稍微不同的效果。 –

使用兩個jcarousels和另一個影響

回答

相關問題