PHP fonksiyonu ile jCarousel nasıl kullanılır?

2 Cevap php

Ben hala PHP ve jQuery hem öğrenme yaşıyorum ve bu denemek ve yapmak için oldukça karmaşık bir şey olabilir gibi geliyor bana.

Ne yapmam mümkün istiyorum bir PHP fonksiyonu yerine XML besleme ve jCarousel için yazılmış URL'ler tarafından oluşturulan URL'lerin bir listesini görüntülemek için jCarousel en textscroller yeteneğini kullanmaktır. (Demo: http://sorgalla.com/projects/jcarousel/examples/special_textscroller.html)

Ben kullanmak istiyorum WordPress PHP işlevi bir WordPress kategorideki bazı veya tüm mesajların için bazı html biçimlendirme ile URL'lerin bir listesini oluşturur.

Sonuç olarak, ben jCarousel XML işlevi veya html yaratıcısı işlevi gerekmez düşünüyorum ve ben dizeleri kesecek gerekmez.

Yani, jQuery işlevi PHP işlevi dahil etmek mümkündür, ya da ben jQuery işlevi PHP işlevi URL listesi, jCarousel bir XML beslemesini sağlayan benzer bir şey almak olurdu? Ben jQuery PHP kitaplığı kullanmak gerekir mi? http://jquery.hohli.com

Herhangi bir cevap takdir edilecektir. - Mark

Bu XML beslemesini kullanabilirsiniz jCarousel işlevleri şunlardır: (I belge hazır fonksiyonunu ihmal)

function mycarousel_initCallback(carousel, state)
{

    carousel.lock();

    jQuery.get(
        'special_textscroller.php',
        {
            'feed': 'http://jquery.com/blog/feed/atom/'
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, xml);
        },
        'xml'
    );
};

function mycarousel_itemAddCallback(carousel, xml)
{
    var $items = jQuery('item', xml);

    $items.each(function(i) {
        carousel.add(i + 1, mycarousel_getItemHTML(this));
    });

    carousel.size($items.size());

    // Unlock and setup.
    carousel.unlock();
    carousel.setup();
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<h3><a href="'+$('link', item).text()+'">'+$('title', item).text()+'</a></h3><p>'+mycarousel_truncate($('description', item).text(), 90)+'</p>';
};

/**
 * Utility function for truncating a string without breaking words.
 */
function mycarousel_truncate(str, length, suffix) {
    if (str.length <= length) {
        return str;
    }

    if (suffix == undefined) {
        suffix = '...';
    }

    return str.substr(0, length).replace(/\s+?(\S+)?$/g, '') + suffix;
};

Ve bu WordPress PHP işlevi:

<?php $my_query = new WP_Query('category_name=mycategory&showposts=10'); ?><?php while ($my_query->have_posts()) : $my_query->the_post(); ?><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a><br /><br /><?php endwhile; ?>

Bu gibi html oluşturur:

<a href="URL" rel="bookmark">link title</a><br /><br /><a href="URL" rel="bookmark">link title</a><br /><br />,  etc....

ki ben jCarousel metin scrollerı görüntülemek istediğiniz html.

2 Cevap

Eğer atlıkarınca başlatmak için gerçek çağrı eksik gibi görünüyor

html bir div sarılmış gerekiyor

<div id="mycarousel"> 
   <a href="URL" rel="bookmark">link title</a><br /><br />
   <a href="URL" rel="bookmark">link title</a><br /><br />,  etc....
</div>

sonra arayın

jQuery('#mycarousel').jcarousel({
    vertical: true,
    size: 0,
    initCallback: mycarousel_initCallback
});

içinde

function mycarousel_initCallback(carousel, state){

carousel.lock();

jQuery.get(
    'special_textscroller.php',
    {
        'feed': 'http://jquery.com/blog/feed/atom/'
    },
    function(xml) {
        mycarousel_itemAddCallback(carousel, xml);
    },
    'xml'
);};

this method you need to put your WP-php file name içindeplace of "special_textscroller.php" file or can change the "special_textscroller.php" with your WP function .

Agaiçinde, you need to send output via XML format only if you do not want to change other "jCarousel" functions.

etiketler