Forums

I was trying out the multi row carousel control (http://developer.yahoo.com/yui/examples ... tirow.html) and found that u cannot use elements more than a specified limit that is of 5 pages, the yui simply does not load for elements which take more than 5 pages (tried even in the example file csl_multirow.html )

eg suppose numVisible: [3, 3],

then 9 elements per page * 5 = 45 elements are loaded if it is beyond that the below error is thrown


same thing if numVisible: [2, 2],

then 4 elements * 5 = 20 elements max, if you have one more then you get the same error



u is null
file:///C:/Users/dasdasd/Downloads/sdfdf/gallery%20scripts/yui_2.8.1/yui/build/carousel/carousel-min.js
Line 12






the firebug code is below for numVisible: [3, 3], you can see after 45 elements the id itself is not been generated for the element

Any Ideas?



<ol class="clearfix mrg_btm1 yui-carousel-element" id="carousel" style="height: 321px;">





<li id="yui-gen0" class="yui-carousel-item-selected" tabindex="0" style="left: 0px; top: 0px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl00_Image1"></li>
<li id="yui-gen1" style="left: 193px; top: 0px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl01_Image1"></li>
<li id="yui-gen2" style="left: 386px; top: 0px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl02_Image1"></li>
<li id="yui-gen3" style="left: 0px; top: 107px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl03_Image1"></li>
<li id="yui-gen4" style="left: 193px; top: 107px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl04_Image1"></li>

*
*
*
*
*
*
*
*
*
*
*
*



<li id="yui-gen40" style="left: 2509px; top: 107px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl40_Image1"></li>
<li id="yui-gen41" style="left: 2702px; top: 107px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl41_Image1"></li>
<li id="yui-gen42" style="left: 2316px; top: 214px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl42_Image1"></li>
<li id="yui-gen43" style="left: 2509px; top: 214px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl43_Image1"></li>
<li id="yui-gen44" style="left: 2702px; top: 214px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl44_Image1"></li>
<li id="yui-gen45" style="left: 2895px; top: 0px;"><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl45_Image1"></li>
<li><img style="border-width: 0px;" src="../Includes/images/invitations/tumb_invitation2.gif" id="ctl00_cphMainContent_Repeater2_ctl46_Image1"></li>

</ol>

Thanks for the reply. But did you try out with elements more than 45 for numvisible 3,3 ?
The carousel works fine for elements less than this , I am using windows 7 and ff 3.5 and IE8, same issues in both, works perfectly for elements below 45. even one element more than this and the Yui just stops working, and you get the err

u is null
file:///C:/Users/dasdasd/Downloads/sdfdf/gallery%20scripts/yui_2.8.1/yui/build/carousel/carousel-min.js