[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 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 img 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
[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
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
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.
