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