Hi jQuery folks,

i'm trying to create a page where a new <li> element is to be added to
an existing carousel. The new element's content is coming from some
ajax call and it should fit dinamically into the existing carousel
forcing it to reinitialize (i suppose).


Ex.
----THIS IS THE HTML MARKUP OF THE ORIGINAL CAROUSEL
<div id="carousel">
        <ul id="carouselList">
                <li>html markup content</li>
       </ul>
</div>

--JCAROUSELLITE JAVASCRIPT INIT CODE
$("#carousel").jCarouselLite({
        btnGo: new Array("#historyGo1"),
        visible:1,
        circular:false
});
-----------------------------------------------------------------------------------------------
suppose that on completion of aN ajax request we get some other html
code,
then we should be supposed to add it to a new <li> element appended to
the <ul> this way:

$("ul#carouselList").append("<li>"+new html code from ajax+"</li>");
-----------------------------------------------------------------------------------------------------

Now i suppose that i should reinitialize the carousel but it doesent
seem to work that way!


Since i'm getting lots of troubles doing that, i would greatly
appreciate if anyone can point me to some hints or existing
documentation...


Thanks in advance!
thorfinn

Reply via email to