Avatar billede simm Nybegynder
29. september 2009 - 17:00 Der er 1 kommentar og
1 løsning

jCarousel

Hejsa,

Er der nogle af jer, der har prøvet at lege med jCarousel af Jan Sorgalla (http://sorgalla.com/jcarousel/)?

Af en eller anden mærkelig årsag kan jeg ikke få scriptet til at virke. Der meldes ingen fejl og jeg har holdt mig tæt op af udviklerens egen opsætning.

// java script:
//========================================================



var btnAdvance = 1;
var productcontroller_itemList = [
    {url: "/media/100/test.png",
    imghref: "/projekter/test.aspx"},
    {url: "/media/286/test2.png",
    imghref: "/projekter/test2.aspx"},
    {url: "/media/228/test3.png",
    imghref: "/projekter/test3.aspx"},
];

function productcontroller_initCallback(carousel) {

jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
});
jQuery('#next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#prev').bind('click', function() {
        carousel.prev();
        return false;
    });

    $('.jcarousel-next, .jcarousel-prev').click(function(){
        btnAdvance = 1;
    });
};


function productcontroller_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > productcontroller_itemList.length) {
            break;
        }

        // Create an object from HTML
        var item = jQuery(productcontroller_getItemHTML(productcontroller_itemList[i-1])).get(0);

        // Apply thickbox
        tb_init(item);

        carousel.add(i, item);
    }
};

function productcontroller_getItemHTML(item)
{
    return '<a href="' + item.imghref + '?KeepThis=true&amp;TB_iframe=true&amp;height=250&amp;width=850&amp;inlineId=thickboxcontent" title="" class="thickbox"><img src="' + item.url + '" border="0" width="155" height="155" alt="" /></a>';
};

jQuery(document).ready(function() {
jQuery("#productcontroller").jcarousel({
    vertical: true,
    start: 1,
    scroll: 1,
    size: productcontroller_itemList.length,
    buttonNextHTML: null,
    buttonPrevHTML: null,
    itemLoadCallback: {onBeforeAnimation: productcontroller_itemLoadCallback},
    initCallback: productcontroller_initCallback
})
});


Kode genereret af jQuery:


<div class=" jcarousel-skin-tango"><div style="display: block;" id="productcontroller" class="jcarousel-container jcarousel-container-vertical">
                <div class="jcarousel-clip jcarousel-clip-vertical"><ul style="height: 990px; top: 0px;" class="jcarousel-list jcarousel-list-vertical"><li jcarouselindex="1" class="jcarousel-item jcarousel-item-vertical jcarousel-item-1 jcarousel-item-1-vertical"><a href="/projekter/test.aspx?KeepThis=true&amp;TB_iframe=true&amp;height=250&amp;width=850&amp;inlineId=thickboxcontent" title="" class="thickbox"><img src="/media/100/test.png" alt="" border="0" width="155" height="155"></a></li><li jcarouselindex="2" class="jcarousel-item jcarousel-item-vertical jcarousel-item-2 jcarousel-item-2-vertical"><a href="/projekter/test2.aspx?KeepThis=true&amp;TB_iframe=true&amp;height=250&amp;width=850&amp;inlineId=thickboxcontent" title="" class="thickbox"><img src="/media/286/test2.png" alt="" border="0" width="155" height="155"></a></li><li jcarouselindex="3" class="jcarousel-item jcarousel-item-vertical jcarousel-item-3 jcarousel-item-3-vertical"><a href="/projekter/test3.aspx?KeepThis=true&amp;TB_iframe=true&amp;height=250&amp;width=850&amp;inlineId=thickboxcontent" title="" class="thickbox"><img src="/media/228/test3_scroller.png" alt="" border="0" width="155" height="155"></a></li>
                </ul></div>

                </div></div>
                <a href="#" id="next"><img src="images/down.png" alt="ned" title="ned" style="border: 0pt none ;"></a>
                                    <a href="#" id="prev"><img src="images/up.png" alt="op" title="op" style="border: 0pt none ;"></a>
                                </div>
Avatar billede simm Nybegynder
29. september 2009 - 17:02 #1
Det skal siges, at billederne dukker op som forventet, jeg kan bare ikke få scriptet til at scrolle, som det burde.
Avatar billede simm Nybegynder
29. september 2009 - 17:21 #2
Fik det til at virke ved at justere lidt i det medfølgende stylesheet. (udkommentér aldrig position-attributer ;))
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



Seneste spørgsmål Seneste aktivitet
I dag 06:10 Excel åbner fil i kæmpe format Af Aske i Excel
I går 22:00 Datafordeler Af Lsk i PHP
I går 12:37 Summere beløb pr. dato Af TTA i Excel
31/1022:44 Tilslutte chassic fans Af viking69 i PC
31/1020:28 LED lysstofrør Af ErikHg i Fri debat