help fixing a cycle+jcarousel setup where imgs are loaded after onload
|
View:
New views
7 Messages
—
Rating Filter:
Alert me
|
 |
help fixing a cycle+jcarousel setup where imgs are loaded after onload
by jeremybass_offset
::
Rate this Message:
Hello, here on this site http://www.visitnorthcentralidaho.org/ I have
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 +'.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 +''+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 |
|
|
Re: help fixing a cycle+jcarousel setup where imgs are loaded after onload
by jeremybass_offset
::
Rate this Message:
Is there no one that would have any idea?... I'm sure that it's
something simple... to produce the error on this site http://www.visitnorthcentralidaho.org/ the cycle + 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...@...> wrote: > Hello, here on this sitehttp://www.visitnorthcentralidaho.org/I have > 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 > +'.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 > +''+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 |
|
|
Re: help fixing a cycle+jcarousel setup where imgs are loaded after onload
by jeremyBass-3
::
Rate this Message:
Hate to bump this again but I'm stumped... I've tried the every combo
of http://sorgalla.com/projects/jcarousel/#Configuration http://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...@...> 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/the cycle + 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...@...> 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 > > +'.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 > > +''+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 - |
|
|
Re: help fixing a cycle+jcarousel setup where imgs are loaded after onload
by jeremybass_offset
::
Rate this Message:
: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...@...> 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...@...> 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...@...> 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 > > > +'.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 > > > +''+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 - |
|
|
Re: Re: help fixing a cycle+jcarousel setup where imgs are loaded after onload
by Leonardo K
::
Rate this Message:
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 <aimeenjeremy@...> wrote: :D Is there anyone in here that has any idea... I have no idea on the |
|
|
Re: help fixing a cycle+jcarousel setup where imgs are loaded after onload
by jeremyBass-3
::
Rate this Message:
That is the issue I'm taking about :) ... the cause is due to
jcarousel and which is why I bought "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 " To the front... if I can find a small cheap way to fix this I'm all ears... Thank you for the help... Cheers Jeremy On Nov 3, 8:01 am, Leonardo K <leo...@...> wrote: > 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...@...>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...@...> wrote: > > > Hate to bump this again but I'm stumped... I've tried the every combo > > > of > > >http://sorgalla.com/projects/jcarousel/#Configurationhttp://www.malsu... > > > > 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...@...> 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...@...> 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...> > > > > > +'.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+sli...> > > > > > +''+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 -- Hide quoted text - > > - Show quoted text - |
|
|
Re: help fixing a cycle+jcarousel setup where imgs are loaded after onload
by jeremybass_offset
::
Rate this Message:
got it.. cheack it out :D http://www.visitnorthcentralidaho.org/index.php
just added var sid=sid.replace("img",""); $("#IMGNavINNER [jcarouselindex="+sid+"]").remove(); and that took care of it... it was the as simple as removing those darn li's... you were right Leonardo Cheers Jeremy On Nov 3, 8:31 am, jeremyBass <jer...@...> wrote: > That is the issue I'm taking about :) ... the cause is due to > jcarousel and which is why I bought > > "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 > " > To the front... if I can find a small cheap way to fix this I'm all > ears... > > Thank you for the help... > Cheers > Jeremy > > On Nov 3, 8:01 am, Leonardo K <leo...@...> wrote: > > > 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...@...>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...@...> wrote: > > > > Hate to bump this again but I'm stumped... I've tried the every combo > > > > of > > > >http://sorgalla.com/projects/jcarousel/#Configurationhttp://www.malsu... > > > > > 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...@...> 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...@...> 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...> > > > > > > +'.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+sli...> > > > > > > +''+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 -- Hide quoted text - > > > - Show quoted text - |
| Free embeddable forum powered by Nabble | Forum Help |
