jCarousel Initialisierung in Wordpress

versuche ich jcarousel Galerie in diesem Dummy-Artikel http://mybistrotableandchairs.com/hghg/jCarousel Initialisierung in Wordpress

-Setup fühlt sich ok (siehe Seite Quelle), aber jcarousel nicht initialisiert zu implementieren.

Was soll ich im Code ändern? Vielen Dank.

Quelle

2012-04-07 Alex Alexeev

Hiya sehen Demo hier: http://jsfiddle.net/Znztg/

hoffe, das hilft! und funktioniert für mehrere Carousal für weniger Code. CHeers

http://sorgalla.com/projects/jcarousel/ für mehr lesen, wenn Sie scharf!

Ich antwortete kürzlich auf die Post mit funktionierender Lösung; daher wiederverwendung mein code :)) Multiple instances of this carousel on a single page - can't get it to work

Ich hatte auch einen Blick in Ihre Implementierung Ich denke, die JSFiddle und Code wird Ihnen helfen, sortierte Rest Flick mich Nachricht jederzeit, haben einen guten Mann!

Bibliothek

<!-- 

     jCarousel library 
    --> 
    <script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min.js/lib/jquery.jcarousel.min.js"></script> 
    <!-- 
     jCarousel skin stylesheets 
    --> 
    <link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/tango/skin.css" /> 
    <link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/ie7/skin.css" />

JQuery-Code

$(document).ready(function() { 
    // Initialise the first and second carousel by class selector. 
    // Note that they use both the same configuration options (none in this case). 
    $('.first-and-second-carousel').jcarousel(); 

    // If you want to use a caoursel with different configuration options, 
    // you have to initialise it seperately. 
    // We do it by an id selector here. 
    $('#third-carousel').jcarousel(); 
    // alert('foo'); 
});

HTML

</head> 
<body> 
<div id="wrap"> 
    <h1>jCarousel</h1> 
    <h2>Riding carousels with jQuery</h2> 

    <h3>Multiple carousels on one page</h3> 
    <p> 
    This example shows how to use multiple carousels on one page with different 
     skins and configurations. 
    </p> 

    <ul id="first-carousel" class="first-and-second-carousel jcarousel-skin-tango"> 
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li> 
    </ul> 

    <hr size="1"/> 

    <ul id="second-carousel" class="first-and-second-carousel jcarousel-skin-ie7"> 
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li> 
    </ul> 

    <hr size="1"/> 

    <ul id="third-carousel" class="jcarousel-skin-tango"> 
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li> 
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li> 
    </ul> 

</div> 
</body>

Quelle

2012-04-07 11:58:35

thx, werde ich es versuchen jetzt –

Säge osteuropäische Zeit, elektronischer Energietransfer, voraussichtliche Flugdauer! Gut, das hilft! Prost! –

das Problem war mit Skripten Pfade, jetzt scheint es in Ordnung. –

Antwort

Verwandte Themen