Alexander Petri schrieb:
Hi,
i have a small problem to solve:
i want to animate the src attribute in an img tag
i have 25 scaled images of a filled circle.
the larest is 640x640px and the smallest is 32x32
i want to animate the steps in one second.
can anyone give me a hint how to do
depending on the image type, that could be a really bad way to do it too...
not all images scale well - you can get a lot of distortion and artifacts.
Matt Stith wrote:
Thats a really bad way to do that! The best way would be to just have a
640x640 image, and animate the width and height
Thats a really bad way to do that! The best way would be to just have a
640x640 image, and animate the width and height attritubes, then maybe when
that animation is done, replace it with the smaller image to save some
memory. Try this:
$(imgSelector).animate({width:32,height:32},slow,function()
Hi,
i have a small problem to solve:
i want to animate the src attribute in an img tag
i have 25 scaled images of a filled circle.
the larest is 640x640px and the smallest is 32x32
i want to animate the steps in one second.
can anyone give me a hint how to do that?
maybe with the animate method?
hello!
i'm trying to have jquery fade between 2 colors, but can't get it to work, here
is what i'm trying:
$('#contactForm').animate({left: 400, width: 300, height: 600,
backgroundColor: #617B8C},slow,linear,showContactInfo);
the docs specifies it must be camel cased, which i did .
Hi Alexandre,
The core jQuery .animate() method works only for properties that take
numeric values (although you can use the shortcut strings show,
hide, and toggle as well).
For animation of other CSS properties, or even classes, check out the
Interface plugin suite (and ifx.js
DaveG wrote:
But, since it is a commercial license attached to it,
I don't want to look into the code.
The license on that allows derivitive works:
to Remix -- to make derivative works
ref: http://creativecommons.org/licenses/by-nc/2.5/
Perhaps I'm ovely cautious but the Javascript file
Hi,
I want to learn how to animate the enlargement of a thumbnail image.
Any pointers where to look for tips on how to do it ?
Cheers, Tobbe
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Hi Torbjorn,
Do you have an examples of the animation that you'd like to duplicate?
Rey
Torbjorn Tornkvist wrote:
Hi,
I want to learn how to animate the enlargement of a thumbnail image.
Any pointers where to look for tips on how to do it ?
Cheers, Tobbe
There is a plugin over at
http://interface.eyecon.ro/demos/slider_resize.html
This may point you in the right direction.
--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
___
jQuery mailing list
discuss@jquery.com
Rey Bango wrote:
Hi Torbjorn,
Do you have an examples of the animation that you'd like to duplicate?
Well, the most beautiful example I've seen is here:
(not that I was hoping to duplicate it... :-)
http://vikjavev.no/highslide/
But, since it is a commercial license attached to it,
I
But, since it is a commercial license attached to it,
I don't want to look into the code.
The license on that allows derivitive works:
to Remix -- to make derivative works
ref: http://creativecommons.org/licenses/by-nc/2.5/
___
jQuery mailing list
div id=test style=width: 200px; height: 200px; background-color: blue;
test
/div
a href=# onclick='$(#test).animate( {opacity : 0} );'hide/a
a href=# onclick='$(#test).animate( {opacity : 100} );'show/a
only the first link show the correct animationsecond link will
failed if you
Hi Howard,
Not sure if this will solve your problem, but opacity values range
from 0 to 1, not 0 to 100. Try changing the value of your second
opacity to .999 or 1.0 and see if that works for you.
Cheers,
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
You could have 1 span with the text *bold*; display:none, and 1 with the
text normal.
Then fade 1 out and fade 1 in at the same time. (Positioned right on top of
each other)
It might look right.
Glen
On 2/1/07, Karl Rudd [EMAIL PROTECTED] wrote:
Technically font-weight can be a number, like
Depending on the desired effect, one could animate font size perhaps?
On 2/2/07, Glen Lipka [EMAIL PROTECTED] wrote:
You could have 1 span with the text bold; display:none, and 1 with the text
normal.
Then fade 1 out and fade 1 in at the same time. (Positioned right on top of
each other)
Hey all,
I'm trying to get animate() to fade font-weight but it's not working.
I've tried the following:
$('a').mouseover(function() {
$(this).animate({fontWeight: 'bold'}, 'slow');
});
But that doesn't work - I've also tried to put quotes around the
fontWeight and tried font-weight.
I get
I'm trying to get animate() to fade font-weight but it's not working.
I've tried the following:
$('a').mouseover(function() {
$(this).animate({fontWeight: 'bold'}, 'slow'); });
But that doesn't work - I've also tried to put quotes around
the fontWeight and tried font-weight.
I get
Hmmm yeah good point - me not thinking before experimenting :-)
Allan
Michael Geary wrote:
I'm trying to get animate() to fade font-weight but it's not working.
I've tried the following:
$('a').mouseover(function() {
$(this).animate({fontWeight: 'bold'}, 'slow'); });
But that doesn't
Technically font-weight can be a number, like 100 or 800, but
practically speaking browsers only implement either normal or bold.
Animate takes either a number or one of hide, show, or toggle.
So your bold won't work.
In theory you could set the font-weight to a number then pass in a
number to
I'm having a problem with the .animate method.
I'm using it to slide some div's left and right. One part of the project
does not have alot of text but has some background images and some images,
the other is very textheavy. One of these effects is loaded asynchronously
and the other is loaded on
My guess is that it has to do with:
http://jquery.com/dev/bugs/bug/260/
-- Yehuda
On 12/31/06, Will Olbrys [EMAIL PROTECTED] wrote:
I'm having a problem with the .animate method.
I'm using it to slide some div's left and right. One part of the project
does not have alot of text but has
Thanks for the response. Reading that bug ticket... does it mean the bug has
yet to be fixed in 1.1?
Will
wycats wrote:
My guess is that it has to do with:
http://jquery.com/dev/bugs/bug/260/
-- Yehuda
On 12/31/06, Will Olbrys [EMAIL PROTECTED] wrote:
I'm having a problem with
Yep :(
On 12/31/06, Will Olbrys [EMAIL PROTECTED] wrote:
Thanks for the response. Reading that bug ticket... does it mean the bug
has
yet to be fixed in 1.1?
Will
wycats wrote:
My guess is that it has to do with:
http://jquery.com/dev/bugs/bug/260/
-- Yehuda
On 12/31/06, Will
Klaus Hartl schrieb:
My assumption was wrong (sorry Brandon for the false alarm). That
happens if I attach a custom 'activate' event (for the history support).
This was done to have access to the plugin settings...: Ugh.
tabs.bind('activate', function() {});
Still no idea how to fix
Hi John,
you could use my new plugin animateStyle for that purpose. It's an addition
to animate, but works quite different.
Check it out here: http://paul.jquery.com/plugins/animateClass/
after inclusion, just do $(h2).animateStyle(font-size: 2em, 500) , this
should do the job.
Good luck!
The animateStyle plugin doesn't seem to work in
Safari. Is this permanent or are you working on a
fix?
I do like the effects in FF though and would like to see it work in Safari.
Erin
Hi John,
you could use my new plugin animateStyle for
that purpose. It's an addition to animate, but
Original-Nachricht
Datum: Wed, 22 Nov 2006 09:14:41 -0700
Von: Erin Doak [EMAIL PROTECTED]
An: jQuery Discussion. discuss@jquery.com
Betreff: Re: [jQuery] Animate question
The animateStyle plugin doesn't seem to work in
Safari. Is this permanent or are you working on a
fix
-0700
Von: Erin Doak [EMAIL PROTECTED]
An: jQuery Discussion. discuss@jquery.com
Betreff: Re: [jQuery] Animate question
The animateStyle plugin doesn't seem to work in
Safari. Is this permanent or are you working on a
fix?
I do like the effects in FF though and would like to see it work
David Duymelinck schrieb:
i know somewhere in the list there is a solution but i can't find it at
the moment.
I want to pass the animate hash as an option so i don't need to go into
the plugin to change the animation effects.
$('#test').plugin({anihide: {opacity: 'hide'}, anishow:
Klaus Hartl schreef
I ran into the same problem with the tabs plugin. The original object is
modified for the animation, so as a workaround I copy the object each
time before passing it to animate:
$.fn.test = function(options){
var anihide = $.extend({}, options.anihide); // copy
Hi David!
I want to pass the animate hash as an option so i don't need to go into
the plugin to change the animation effects.
$('#test').plugin({anihide: {opacity: 'hide'}, anishow: {opacity:
'show'}, anitime: 3000});
$.fn.test = function(options){
var anihide = options.anihide;
i was also thinking about copying the object but in a more basic version :)
var anihide = options.anihide;
var anihide2 = anihide;
$(img).siblings(img:visible).animate(anihide2,
anitime).end().animate(anishow, anitime);
;
But that didn't work and i regret to say your workaround
If I understand the issue correctly changing this line (#318) in fx.js:
this.curAnim = prop;
to this;
this.curAnim = jQuery.extend({}, prop);
Should fix the problem. However, I have no test case to run this against.
--
Brandon Aaron
On 10/10/06, Klaus Hartl [EMAIL PROTECTED] wrote:
i was
Brandon Aaron schrieb:
If I understand the issue correctly changing this line (#318) in fx.js:
this.curAnim = prop;
to this;
this.curAnim = jQuery.extend({}, prop);
Should fix the problem. However, I have no test case to run this against.
Yes, that looks good I think. Mike once pointed
If someone can send me a test case I'd be more than happy to commit this to SVN.
--
Brandon Aaron
On 10/10/06, Klaus Hartl [EMAIL PROTECTED] wrote:
Brandon Aaron schrieb:
If I understand the issue correctly changing this line (#318) in fx.js:
this.curAnim = prop;
to this;
this.curAnim
Brandon Aaron schrieb:
If someone can send me a test case I'd be more than happy to commit this to
SVN.
Just add something like this to animate:
@test stop();
var hash = {opacity: 'hide'};
var hashCopy = $.extend({}, hash);
$('#foo').animate(hash, 'fast', function() {
ok( hash.opacity ==
Thanks Jörn! I finally took some time to play around with the test
suite... good job!
This is now fixed in SVN.
--
Brandon Aaron
On 10/10/06, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Brandon Aaron schrieb:
If someone can send me a test case I'd be more than happy to commit this to
SVN.
Brandon Aaron schrieb:
Thanks Jörn! I finally took some time to play around with the test
suite... good job!
This is now fixed in SVN.
Cool.
Is there a reason for not adding the test, too? The one big reason I put
so much time into the test suite: By adding a test for every bug that
To true ... wouldn't want to see it pop back up. I'll add it in.
--
Brandon Aaron
On 10/10/06, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Brandon Aaron schrieb:
Thanks Jörn! I finally took some time to play around with the test
suite... good job!
This is now fixed in SVN.
Cool.
Is
I've been working on this for a while, trying to work out the best way of
implementing this as a plugin whilst trying to keep as DRY as possible, just
spotted this post, hope I'm not too late :)
I finally figured out the easiest way of defining an ease method would be to
bastardise the speed
On Monday 04 September 2006 06:30, George Smith wrote:
Check it out - http://gsgd.co.uk/sandbox/jquery.easing.php
http://gsgd.co.uk/sandbox/jquery.easing.php
Hm. In Konqueror, every one of the demos does exactly the same thing. Click
one and it slides out, click a second time and it slides
I guess I'm turning into the Konqueror tester around here... :-)
They seem to work properly in Konqueror now. The animation isn't perfectly
smooth, but each one is working differently now.
Perhaps some better name than in and out could be used? To me, out
always means at the expanded point.
I did some work in this area, too. If it's useful, it's BSD-ed.
http://mrclay.org/js/transition/
That is /awesome/. I just keep watching them slide in over-and-over
again. I've gotta add this in now ;-)
--John
___
jQuery mailing list
Hi guys,
I have written a fair few little tween functions/classes, all of which I
have made generic - ie you pass in a property to tween and it's parent obj
(doesn't have to be a dom node) and you also pass in the 'tween function' -
these were all 'ported' from the robert penner originals that
In the new version of Interface I overwrite the 'fx' function from
jQuery and replace it with a modified one that has this feature (easein,
easeout, easeinout, elasticin, elasticout, etc.) .
http://interface.eyecon.ro/demos/ifxfold.html if you click fold toggle
you can see it in action.
The
46 matches
Mail list logo