Hi Jeffrey, thanks.
I deleted the "float: left;", i didn't know was useless with
position:absolute;
Anyway, I noted the strange behaviour of the <li> elements too.
I uploaded jQuery unpacked... if you still want to have a look... ;-)
BTW, there could be something wrong with animate('left','+=50%'); but
that would mean a bug... :-|
Thanks,
Andrea
On Nov 22, 11:51 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> I watched the animation with the IE developer toolbar, and noticed a couple
> of oddities.
>
> Firstly, the CSS for the divs are set to both position:absolute and
> float:left. This is not the source of the problem (I overwrite to
> float:none and tried it), but float:left is unnecessary if with absolute
> positioning.
>
> Anyway, then I monitored the left: position as the animations happened.
>
> While going to the right, everything went as usual.
>
> Div#0 0% to -50%
> Div#1 25% to -25%
> Div#2 50% to 0%
> Div#3 75% to 25%
> Div#4 100% to 50%
> Div#5 125% to 75%
>
> All good.
>
> Then I refreshed and tried going to the left.
>
> Div#0 0% to 50%
> Div#1 25% to 75%
> Div#2 50% to 100%
> Div#3 75% to 125%
> Div#4 100% to 45%
> Div#5 125% to 48%
>
> As you can see, divs 0-3 were fine.
>
> Divs 4 and 5 got WEIRD settings.
>
> Now, I tried stepping through the code, but your jQuery is minified.
>
> My guess is there is something wrong with the animate('left','+=50%');
>
> Cheers,
> JK
>
> -----Original Message-----
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> Behalf Of ^AndreA^
> Sent: Saturday, November 22, 2008 3:29 PM
> To: jQuery (English)
> Subject: [jQuery] animate problem with IE7
>
> Hi all,
>
> I'm working on a
> slideshow/carousel:http://www.lesperimento.netsons.org/various/my_carousel/
>
> It's works fine except than in IE7/6 (basically as usual... ;-) )
>
> It's weird also because the "next button/arrow" works well under IE
> but NOT the "prev button/arrow"; and that's the problem.
>
> I explain briefly how the script works.
>
> When you click the arrows you call next_f(); and prev_f(); that do
> exactly the same thing but in different direction.
> They call three functions:
>
> 1) choose_element_to_move(some_params); it's quite clear the meaning,
> anyway it choose which <li> elements have to be moved.
>
> 2) place_elem_right_pos(some_params); once it knows which elements
> have to be moved, it moves them in the right position and ready for
> the animation.
>
> 3) move(elem,imgs); it moves the elements...
> "elem": is an array containing all the id of the elements to move
> "imgs": is an int, it's the number of images to move (I need it
> because via php ,when the page is generated, I can change the number
> of elements)
>
> The problem is in move(elem,imgs), in this part that is the
> prev_button where "sing>0":
>
> JS:
> else if(sign>0) //prev button
> {
> for(var i=imgs-1; i>=0;i--)
> {
> $('#' + elem[i]).animate({
> left: '+=' + perc + '%'
> },
> 1000);
> }
> }
>
> I cut part of the code that was not useful for the purpose...
>
> Basically it does not do anything else than taking each element to
> move e move them, but I don't understand why it does not want to work
> with IE. arghhh!!!
>
> any idea?!?
>
> I'm sure the problem is in this part of code because before I was
> using another function instead of animate (two setTimeout in cascade)
> and was working also under IE (I'm trying to use animate because is
> much much smoother).
>
> If you are still reading, thanks for your time... hehe...
