Hi,
i have a small problem to solve:
i want to animate the "src" attribute in an 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?
--
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",functio
Alexander Petri schrieb:
> Hi,
>
> i have a small problem to solve:
> i want to animate the "src" attribute in an 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 d
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
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: {opacity:
'show'}, anitime: 3000});
$
Hello
I can do $("h2").animate({ fontSize: 18 }, 500); to make my
animate to larger, but how can I say '2em' instead of that 18?
Does that 18 mean 18px?
thanks,
Ioannis Cherouvim
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
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
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 d
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'}, anisho
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); //
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.ani
> 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 work
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 poin
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;
> >
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
> > SV
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.
> >
> C
John Cherouvim schrieb:
> Hello
>
> I can do $("h2").animate({ fontSize: 18 }, 500); to make my
> animate to larger, but how can I say '2em' instead of that 18?
> Does that 18 mean 18px?
>
jQuery's animation currently support only pixels. See also this bug
report: http://jquery.com/dev/bugs/
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
work
Original-Nachricht
Datum: Wed, 22 Nov 2006 09:14:41 -0700
Von: Erin Doak <[EMAIL PROTECTED]>
An: "jQuery Discussion."
Betreff: Re: [jQuery] Animate question
> The animateStyle plugin doesn't seem to work in
> Safari. Is this permanent or are you wor
2 Nov 2006 09:14:41 -0700
Von: Erin Doak <[EMAIL PROTECTED]>
An: "jQuery Discussion."
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
Wonderful! :)
Andreas
On Nov 22, 2006, at 22:29 , Paul Bakaus wrote:
> True Jörn! Going to implement that!
>
> Safari issues are only temporary, support will follow when I have a
> little more time. Gonna give you updates as soon as I have news.
>
> -Paul
>
__
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
> 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.
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
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
numb
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, lik
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)
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
Interfa
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 so
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
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, W
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/
test
hide
show
only the first link show the correct animationsecond link will
failed if you click the first link first.
it can show up, but not an animation anyway
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discus
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
http://jquer
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 do
> 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 l
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 Javasc
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 go
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 ch
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
Jon -
Yep - this is a great idea! I think there's been some progress made on it here:
http://proj.jquery.com/dev/bugs/bug/127/
I'll see if I can get it in to jQuery 1.1 so that you can bundle your
easing effects up as a single plugin and add it in.
--John
On 8/19/06, Jon Burger <[EMAIL PROTECTE
Saturday, August 19, 2006, 1:50:17 PM, Jon Burger wrote:
> 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 got used in
> actionscr
> 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
discuss@jquery
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 func
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 slide
Ok - that eval-rewrite thing is pretty scary ;-) I'll be sure to add
in a proper way of doing it soon, so that you don't have to do it that
way. Regardless, I like the final result. I'll be sure to let everyone
know when the final code is ready.
--John
On 9/4/06, George Smith <[EMAIL PROTECTED]>
Haha, yes it is :)
I've taken it out for now, as Safari and Konq weren't getting it right, and
reverted to rewriting the whole function :(
Can't test in Konqueror, so if someone can check that for me.
How soon before we get a better way? Looking forward to that...
Thanks,
George.
John Resig
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 p
Steve, these look nice.
I should probably start a new thread, but this example you have provided is
an excellent jumping-off point for me to ask a question that is driving me
nuts right now with jquery.
You have a whole lot of content animating at one time and it runs fairly
smoothly.
I have 4
On Sep 20, 2006, at 1:00 PM, herchenx wrote:
> Back to my problem. I have been as specific as I can on selecting
> the 4 divs
> to optimize performance:
>
> $(document).ready(function(){
> $("div#wrapper div.animated").animate({left:0,top:0},1000);
> }
>
> and without any additional easing or
Hi all,
I found that with the animate function now removing inline styles after
the animation is complete that breaks the tabs animations in IE 6/7.
You can see that here:
http://stilbuero.de/jquery/tabs_test/
Just pick an example with an animation. What happens is that after the
hide animatio
Klaus Hartl schrieb:
> Hi all,
>
> I found that with the animate function now removing inline styles after
> the animation is complete that breaks the tabs animations in IE 6/7.
>
> You can see that here:
> http://stilbuero.de/jquery/tabs_test/
>
> Just pick an example with an animation. What h
> I'm talking to myself a little bit in this thread :-)
You're welcome!
>
> The reason is dead simple. Never call a custom event "activate", because
> IE has a built-in onactivate event.
Just discovered a few days ago that you can't add expando properties on select
elements in Opera with the
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 f
59 matches
Mail list logo