[jQuery] Re: jquery.cycle centering image
Anyone have any ideas why only MAC Browsers do this?
[jQuery] Re: jquery.cycle centering image
Its working perfectly on my page right now: http://john1.netfirms.com/VAM/template.html but. I know I hate the damn "but" too.. :confused: on a MAC in both firefox and safari it seems that the cycle using div #s1 seems to change the color of other text on the page and make it bold as the image fades out. (text under the "our mandate" image as well as text in the other jquery.cycle function in the "whats new" section. NOTE: those divs are not in the same containers as any of the elements that use the jquery.cycle function. It works perfectly now in Opera, firefox, IE 7 and Safari for Windows. When I take out the image cycle functions, then it seems to work fine. Is there any known issues like this on MAC browsers? malsup wrote: > > > I'm aware > that Cycle does not always work well in IE8 standards mode and I've > submitted a error report to the IE team. We'll see what happens when > the next beta comes out. > > > > -- View this message in context: http://www.nabble.com/jquery.cycle-centering-image-tp20604074s27240p20702160.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery.cycle centering image
> since technically there is no next element, it goes back to the front? There is always a next slide. :-) The problem in IE7 was that I had an extra comma in the code that I posted and a JS error was occurring in IE7. I didn't realize the "extra comma" problem had been fixed in IE8 - good to know. I'm aware that Cycle does not always work well in IE8 standards mode and I've submitted a error report to the IE team. We'll see what happens when the next beta comes out. Cheers!
[jQuery] Re: jquery.cycle centering image
I installed ie 8 and it seems to work now, however for one of the images, the positioning is off. It seems as if the top/left corner is being positioned instead of the actual image. Screenshot here: http://john1.netfirms.com/VAM/screenshot-1.png Also I installed developer toolbar but it shows me no errors when running in IE7 mode. I also have firebug for firefox and no warnings or errors show. I think it may be happening here: var $slide = $(next) in this function -> function onBefore(curr,next,opts) { var $slide = $(next); var w = $slide.outerWidth(); var h = $slide.outerHeight(); $slide.css({ marginTop: (415 - h) / 2, marginLeft: (380 - w) / 2, }); }; since technically there is no next element, it goes back to the front? Still strange why it doesnt work on IE 7 from home or work. I checked it on another system here at home too with vista and ie 7.0 and it did not load. I'll see if I can get an error message from work tomorrow morning. malsup wrote: > > >> That works great in firefox, Opera and Safari and it is exactly what I'm >> looking for. >> But when testing it in IE 7.0 it doesn't show anything except for the >> background colors. > > Interesting. I'm running IE8 and it looks ok when running in "IE7 > Browser Mode" as well as "Compatibility Mode". Can you use the > Developer Toolbar to get a fix on what's going wrong in IE? > > -- View this message in context: http://www.nabble.com/jquery.cycle-centering-image-tp20604074s27240p20615371.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery.cycle centering image
> That works great in firefox, Opera and Safari and it is exactly what I'm > looking for. > But when testing it in IE 7.0 it doesn't show anything except for the > background colors. Interesting. I'm running IE8 and it looks ok when running in "IE7 Browser Mode" as well as "Compatibility Mode". Can you use the Developer Toolbar to get a fix on what's going wrong in IE?
[jQuery] Re: jquery.cycle centering image
Hey Mike! That works great in firefox, Opera and Safari and it is exactly what I'm looking for. But when testing it in IE 7.0 it doesn't show anything except for the background colors. Any suggestions with that? John malsup wrote: > > >> I got it rotating, however I cant get the images to stay in the middle of >> the div. If I add >> >> position: relative !important; >> top: 50%; >> left: 50%; >> >> to the image class when being displayed it centers horizontally but not >> vertically, but it also breaks the fade transition by displaying the new >> image below then placing it up once the image before has been removed. > > > You need to get a little bit sneaky to get the images centering > properly. Here's an example using your markup: > > http://jquery.malsup.com/cycle/test/nov20.html > > Note that since your markup does not include size info on the > tags I'm delaying the start of cycle until the window load event > fires, rather than using the ready event. That way sizing info can be > calculated accurately. Then I calculate the size of the slide in a > 'before' callback and update the margins based on the diff with the > container's size. > > Mike > > > -- View this message in context: http://www.nabble.com/jquery.cycle-centering-image-tp20604074s27240p20610493.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery.cycle centering image
> I got it rotating, however I cant get the images to stay in the middle of > the div. If I add > > position: relative !important; > top: 50%; > left: 50%; > > to the image class when being displayed it centers horizontally but not > vertically, but it also breaks the fade transition by displaying the new > image below then placing it up once the image before has been removed. You need to get a little bit sneaky to get the images centering properly. Here's an example using your markup: http://jquery.malsup.com/cycle/test/nov20.html Note that since your markup does not include size info on the tags I'm delaying the start of cycle until the window load event fires, rather than using the ready event. That way sizing info can be calculated accurately. Then I calculate the size of the slide in a 'before' callback and update the margins based on the diff with the container's size. Mike