Actually your code is working in IE for me. The problem is that your code is generating empty LI's.
If you click to scroll images to the right i can see all the images in IE. There a empty space between the images because the empty LI's. On Tue, Nov 3, 2009 at 13:26, jeremybass_offset <aimeenjer...@yahoo.com>wrote: > :D Is there anyone in here that has any idea... I have no idea on the > level of user in here... may-be this is to hard of a question for this > group? I know it's not a straight forward on but there has to be a > way to fix it.... > > Any help here would be good... thank you > Cheers > Jeremy > > On Nov 2, 2:22 pm, jeremyBass <jer...@digitalbarn.tv> wrote: > > Hate to bump this again but I'm stumped... I've tried the every combo > > of > > > > > http://sorgalla.com/projects/jcarousel/#Configurationhttp://www.malsup.com/jquery/cycle/options.html > > > > and this was the best I got... > > > > I did try the carousel.add(i, mycarousel_getItemHTML > > (mycarousel_itemList[i-1])); based in the example (jcarousel)... > http://sorgalla.com/projects/jcarousel/examples/dynamic_javascript.html > > > > but it never worked right due to no event on cycle of cycle ready... > > there is only a before wich is to the transition... > > > > Any help here would be super... I'm betting that there is some jQuery > > guru in here.. :D > > > > Cheers > > and thanks for the help... > > Jeremy > > > > On Nov 2, 6:57 am, jeremybass_offset <aimeenjer...@yahoo.com> wrote: > > > > > Is there no one that would have any idea?... I'm sure that it's > > > something simple... to produce the error on this sitehttp:// > www.visitnorthcentralidaho.org/thecycle + jcarousel for imgs > > > on the left side... you just need to hover over the img to see the > > > thumbs when in IE once all is loaded, you have to click the right/next > > > arrow to find the rest of the images... that is the issue > > > > > Thanks for the help Cheers > > > Jeremy > > > > > On Nov 1, 12:43 pm, jeremybass_offset <aimeenjer...@yahoo.com> wrote: > > > > > > Hello, here on this sitehttp://www.visitnorthcentralidaho.org/Ihave > > > > a cycle + jcarousel for imgs on the right side.. it works in all but > > > > IE... the issue is that I'm added the extra images after the load. I > > > > have finally got the thumbs to act right but... well it's acting > right > > > > in all but IE... so this is what I have... > > > > > > var stack = []; > > > > > > // add images to slideshow > > > > var stackNum = 0; > > > > var num =$("#img1").attr("rel"); > > > > stackNum = num+2; > > > > var imageGroup=$("#img1").attr("alt"); > > > > for (var i = 3; i < num+1; i++) { > > > > var img = new Image(497,284); > > > > img.src = ' > http://media.visitnorthcentralidaho.org/uploads/ > > > > images/'+imageGroup+'/'+i+'.jpg'; > > > > img.alt = imageGroup; > > > > img.title = "IMG"; > > > > $(img).bind('load', function() { > > > > stack.push(this); > > > > }); > > > > //$(".bigimgers").append('<img src="http:// > > > > media.visitnorthcentralidaho.org/uploads/images/'+imageGroup+'/'+i<http://media.visitnorthcentralidaho.org/uploads/images/%27+imageGroup+%27/%27+i> > > > > +'.jpg" alt="'+imageGroup+'" title="IMG" id="img'+i+'" width="497" > > > > height="284" class="bigimger MainImg" style="display:none;"/>'); > > > > > > } > > > > > > // homepage cycles > > > > $('#feature_IMG_gallery .bigimger').wrapAll('<div > > > > class="bigimgers">'); > > > > $('#IMGNavINNER').prepend('<ul class="menu" > > > > id="feature_gallery_IMG_pager"></ul>') > > > > var $Imgcontainer = $('.bigimgers').cycle({ > > > > fx: 'shuffle', > > > > pause: 0, > > > > timeout: 5000, > > > > delay: 500, > > > > speed: 300 , > > > > random: 1, > > > > before: onBefore,/**/ > > > > /*slideExpr: '.bigimg',*/ > > > > pager: '#feature_gallery_IMG_pager', > > > > pagerAnchorBuilder: function(idx, slide) { > > > > var Timg=slide.src; > > > > var str = Timg; > > > > var number_1 = str.lastIndexOf('/') + 1 ; > > > > var number_2 = str.lastIndexOf('.') ; > > > > var Timg = str.substring(number_1, number_2) > ; > > > > return '<li class="'+slide.title+'tab jcarousel-item > > > > jcarousel-item-horizontal jcarousel-item-'+Timg+' > jcarousel-item-'+Timg > > > > +'-horizontal" jcarouselindex="'+Timg+'"><a href="#"><img > src="http:// > > > > media.visitnorthcentralidaho.org/uploads/SuperSizerTmp/'+slide.alt<http://media.visitnorthcentralidaho.org/uploads/SuperSizerTmp/%27+slide.alt> > > > > +''+Timg+'.-w0-h35-p0_thumb.jpg" alt="'+slide.title+'" class="" > > > > style="height:35px;width:61px;"/></a></li>'; > > > > } > > > > }); > > > > > > $(function() { > > > > $('#feature_gallery_IMG_pager').jcarousel({ > > > > btnNext: ".next", > > > > btnPrev: ".prev", > > > > size:stackNum, > > > > scroll:3 > > > > }); > > > > Thewidth=stackNum*61; > > > > > $('#feature_gallery_IMG_pager').css({"min-width":"417px",width: > > > > Thewidth+"px"}) > > > > }); > > > > > > // add images to slideshow > > > > function onBefore(curr, next, opts) { > > > > if (opts.addSlide) // <-- important! > > > > while(stack.length) > > > > opts.addSlide(stack.pop()); > > > > }; > > > > > > would anyone have an idea on what to do to fix it? > > > > > > Thank you > > > > Jeremy- Hide quoted text - > > > > > - Show quoted text - >
