[jQuery] Re: animate problem with IE7
well, I did not think about that because the carousel is elastic...
that's why I'm using the percentage.
I could probably solve it calculating the width and therefore resizing
the li elements as well and move them back and forth of the same
pixels...
It's just a bit more tricky for nothing... I hate IE6, IE7 and for
sure, I'm gonna hate IE8... ;-)
Anyway I'll give it a try, thanks again...
On 28 Nov, 00:16, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Well, have you thought of using fixed pixel positions, rather than
percentages?
When you click prev or next, use the offset() function to grab the exact
position, then animate += 245px (or whatever).
It's less convenient, but it may be more successful.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Thursday, November 27, 2008 2:49 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
The answer for the ticket is:
That's a matter of css. Different browser have different whims when
it comes to scrolling. Try adding height and width to the containing
UL.
I tried adding width and height to the UL but nothing changes...
to the div wrapping the UL but again, nothing is changed.
The LI elements are already fixed... :-|
Any other idea?!?
On Nov 25, 11:42 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Ticket opened...http://dev.jquery.com/ticket/3650
bye,
Andrea
On Nov 24, 11:35 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Yesterday I tried to open a ticket but the server
(onhttp://dev.jquery.com/)
was not responding as it should so I posted a thread also in the
jQuery development google group.
http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c...
Nobody has replied so far...
I wait a couple of days to see if somebody knows something about it
and then I'll report it.
BTW, Jeffrey, thank you very much for your time!!!
Andrea
On Nov 24, 6:20 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Regardless, it is possible that the actual bug may be in the core
animate
function as regards to animating relative percentages.
Don't forget to open a ticket on it (dev.jquery.com)
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
On
Behalf Of ^AndreA^
Sent: Monday, November 24, 2008 3:06 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a
ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here,
line
3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled
correctly.
While processing this div the starting position was somehow
altered to
-4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure
why
this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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
[jQuery] Re: animate problem with IE7
The answer for the ticket is:
That's a matter of css. Different browser have different whims when
it comes to scrolling. Try adding height and width to the containing
UL.
I tried adding width and height to the UL but nothing changes...
to the div wrapping the UL but again, nothing is changed.
The LI elements are already fixed... :-|
Any other idea?!?
On Nov 25, 11:42 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Ticket opened...http://dev.jquery.com/ticket/3650
bye,
Andrea
On Nov 24, 11:35 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Yesterday I tried to open a ticket but the server (onhttp://dev.jquery.com/)
was not responding as it should so I posted a thread also in the
jQuery development google group.
http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c...
Nobody has replied so far...
I wait a couple of days to see if somebody knows something about it
and then I'll report it.
BTW, Jeffrey, thank you very much for your time!!!
Andrea
On Nov 24, 6:20 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Regardless, it is possible that the actual bug may be in the core animate
function as regards to animating relative percentages.
Don't forget to open a ticket on it (dev.jquery.com)
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Monday, November 24, 2008 3:06 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here,
line
3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled
correctly.
While processing this div the starting position was somehow altered to
-4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why
this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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
[jQuery] Re: animate problem with IE7
Well, have you thought of using fixed pixel positions, rather than
percentages?
When you click prev or next, use the offset() function to grab the exact
position, then animate += 245px (or whatever).
It's less convenient, but it may be more successful.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Thursday, November 27, 2008 2:49 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
The answer for the ticket is:
That's a matter of css. Different browser have different whims when
it comes to scrolling. Try adding height and width to the containing
UL.
I tried adding width and height to the UL but nothing changes...
to the div wrapping the UL but again, nothing is changed.
The LI elements are already fixed... :-|
Any other idea?!?
On Nov 25, 11:42 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Ticket opened...http://dev.jquery.com/ticket/3650
bye,
Andrea
On Nov 24, 11:35 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Yesterday I tried to open a ticket but the server
(onhttp://dev.jquery.com/)
was not responding as it should so I posted a thread also in the
jQuery development google group.
http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c...
Nobody has replied so far...
I wait a couple of days to see if somebody knows something about it
and then I'll report it.
BTW, Jeffrey, thank you very much for your time!!!
Andrea
On Nov 24, 6:20 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Regardless, it is possible that the actual bug may be in the core
animate
function as regards to animating relative percentages.
Don't forget to open a ticket on it (dev.jquery.com)
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
On
Behalf Of ^AndreA^
Sent: Monday, November 24, 2008 3:06 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a
ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here,
line
3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled
correctly.
While processing this div the starting position was somehow
altered to
-4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure
why
this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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
[jQuery] Re: animate problem with IE7
Ticket opened...
http://dev.jquery.com/ticket/3650
bye,
Andrea
On Nov 24, 11:35 pm, ^AndreA^ [EMAIL PROTECTED] wrote:
Yesterday I tried to open a ticket but the server (onhttp://dev.jquery.com/)
was not responding as it should so I posted a thread also in the
jQuery development google group.
http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c...
Nobody has replied so far...
I wait a couple of days to see if somebody knows something about it
and then I'll report it.
BTW, Jeffrey, thank you very much for your time!!!
Andrea
On Nov 24, 6:20 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Regardless, it is possible that the actual bug may be in the core animate
function as regards to animating relative percentages.
Don't forget to open a ticket on it (dev.jquery.com)
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Monday, November 24, 2008 3:06 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here, line
3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled
correctly.
While processing this div the starting position was somehow altered to
-4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why
this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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
[jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here, line 3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled correctly.
While processing this div the starting position was somehow altered to -4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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 sing0:
JS:
else if(sign0) //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
[jQuery] Re: animate problem with IE7
Regardless, it is possible that the actual bug may be in the core animate
function as regards to animating relative percentages.
Don't forget to open a ticket on it (dev.jquery.com)
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Monday, November 24, 2008 3:06 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here, line
3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled
correctly.
While processing this div the starting position was somehow altered to
-4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why
this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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 sing0:
JS:
else if(sign0) //prev button
{
for(var i=imgs-1; i=0;i--)
{
$('#' + elem[i]).animate({
left
[jQuery] Re: animate problem with IE7
Yesterday I tried to open a ticket but the server (on http://dev.jquery.com/)
was not responding as it should so I posted a thread also in the
jQuery development google group.
http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c71a53c88b9
Nobody has replied so far...
I wait a couple of days to see if somebody knows something about it
and then I'll report it.
BTW, Jeffrey, thank you very much for your time!!!
Andrea
On Nov 24, 6:20 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Regardless, it is possible that the actual bug may be in the core animate
function as regards to animating relative percentages.
Don't forget to open a ticket on it (dev.jquery.com)
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Monday, November 24, 2008 3:06 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
jQuery cycle plugin is very nice but I have had bad experiences with
plugins...
Usually they do a lot of things but not exactly what I need, therefore
I have to start tweaking them and 'often' it would take less time
doing it from scratch...
often... ;-)
On Nov 24, 12:09 am, Anyulled [EMAIL PROTECTED] wrote:
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here, line
3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled
correctly.
While processing this div the starting position was somehow altered to
-4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why
this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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
[jQuery] Re: animate problem with IE7
why don´t you use Jquery Cycle plugin?
On Nov 22, 10:17 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here, line 3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled correctly.
While processing this div the starting position was somehow altered to -4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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 sing0:
JS:
else if(sign0) //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...
[jQuery] Re: animate problem with IE7
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#00% 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#00% 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 sing0:
JS:
else if(sign0) //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...
[jQuery] Re: animate problem with IE7
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 sing0:
JS:
else if(sign0) //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...
[jQuery] Re: animate problem with IE7
I'm not an expert in the animation sytem -- you should open a ticket
(dev.jquery.com) and get some others to take a look at it.
When I stepped through the code, I found a potential problem here, line 3043
of jquery.js
// We need to compute starting value
if ( unit != px ) {
self.style[ name ] = (end || 1) + unit;
start = ((end || 1) / e.cur(true)) * start;
self.style[ name ] = start + unit;
}
The div in question has a starting position of: left:-50%;
The value of end is 50, unit is %.
All of the other divs that had a positive percentage were handled correctly.
While processing this div the starting position was somehow altered to -4%,
leaving the ending position at 46% (-4 + 50).
I'm not that familiar with the animation plumbing, so I'm not sure why this
is occurring.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Saturday, November 22, 2008 4:26 PM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7
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 sing0:
JS:
else if(sign0) //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...
