Ajax ve PHP ile dikey jCarousel

1 Cevap php

Herkes ajax kullanarak dikey jCarousel nasıl uygulanacağını lütfen bana yardımcı olabilir.

1 Cevap

Bu sorunun cevabı kolayca jCarousel docs ilk sayfalarında bulunabilir, ama tamam, ben burada sizin için kopyalamak olacak ;)

Öncelikle jCarousel indirmek ve <head> etiketiyle tüm kaynakları eklemek.

<script type="text/javascript" src="/path/to/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/path/to/lib/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" />

Sonra istediğiniz yerde atlıkarınca bu kodu koyabilirsiniz.

<ul id="mycarousel" class="jcarousel-skin-name">
   <!-- The content goes in here -->
</ul>

Sonra atlıkarınca başlatmak için js kodu ekleyin.

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        // Carousel gonna be vertical
        vertical : true,
        // AJAX callback
        itemLoadCallback: itemLoadCallbackFunction
    });
});
</script>

Sonra aslında dinamik atlıkarınca yeni öğeler yüklemek için itemLoadCallBackFunction oluşturmanız gerekir. Eğer endeksi ile bazı ürün almak kez Basicly i sadece carousel.add(i, item) ile carousel onu takın.

UPD:

Here içinde PHP ile bir örnek, orada bazı ilham alabilirsiniz.

etiketler