Comments on: Blink and bounce effect on image or object using jquery

By: Kevin

Kevin — Thu, 14 Jan 2010 04:05:02 +0000

LOL! I was looking for this for an upcoming project! Roshan you are by far the best!

By: pligg.com

pligg.com — Thu, 17 Dec 2009 20:51:17 +0000

Blink and bounce effect on image or object using jquery…

Yesterday, Sushil asked me how can we bounce and blink an image or div using jQuery.In this post, I”ll show you how you can add bounce or blink effect to an image or div using jQuery. Full story…

By: Blink and bounce effect on image or object using jquery | jQuery Wisdom

Blink and bounce effect on image or object using jquery | jQuery Wisdom — Wed, 21 Oct 2009 18:28:12 +0000

[...] tutorial I will show you how you can add bounce or blink effect to an image or div using jQuery. Web Site Demo Download AKPC_IDS += "858,";Popularity: unranked [?] Share and [...]

By: Peter H

Peter H — Fri, 01 May 2009 09:42:00 +0000

I came across this script upon searching for a bouncing image activated by ‘mouseover’ image (within a div).

It appeared that Aron had with help from Roshan, unfortunately his test site is no longer valid and the reference site he linked to does not appear to use that function.

I am trying to emulate the effect as used by a Flash Mp3 Player at http://www.flabell.com/flash/Flash-Mp3-Player-29.

Is there anyone who has a script or amended script for the script on this site, that would help me achieve this, please.

By: Roshan

Roshan — Tue, 17 Mar 2009 13:33:16 +0000

hey nymie ..thanks for suggestion I’ll try to post that as soon as I get the time…..

By: Demas W

Demas W — Sat, 21 Feb 2009 13:08:20 +0000

can assign the function on mouseover?

By: nymie

nymie — Fri, 13 Feb 2009 21:07:05 +0000

Hi,

i’m searching for a solution to use the bounce effect when the site is loaded.
sorry, but i dont understand how write the right code for that.
Maybe you can post it?

Thanks a lot A.Nymeier

By: Roshan

Roshan — Fri, 29 Aug 2008 16:52:48 +0000

replace
$(“#object”).fadeOut(50)
with
$(this).fadeOut(50)

By: Aron

Aron — Fri, 29 Aug 2008 15:32:41 +0000

Thanks for your help, but look what happens now…

http://thisisemg.com/test/blink.html

I want only the layer thats being hovered over to flash, if at all possible?

Thanks

By: Roshan

Roshan — Fri, 29 Aug 2008 10:35:02 +0000

@Aron – Replace
$(“#object”).hover(function()
with this
$(“.message”).hover(function()

in ur script…

By: Aron

Aron — Fri, 29 Aug 2008 00:24:40 +0000

This is a great little script!
I do have one problem though, I’ve applied this script to various layers with a hover function as opposed to your click with the effect of fading out and fading back in again. However only the first layer fades in and out when i roll over it. Nothing happens to the others.

Maybe you could take a look at my script and tell me where I’m going wrong.

http://thisisemg.com/test/blink.html

Thanks

By: Roshan

Roshan — Tue, 15 Jul 2008 19:20:06 +0000

for that you can put the effect under body load like this in jquery…

$(function() {
//ur code goes here
});

By: Calin

Calin — Tue, 15 Jul 2008 18:38:11 +0000

Hello, the technique is very good, I tested it.

Can you help me with the following request?
How can I make the blink_in or blink or bounce effect to be available when the page is loaded? (not by pressing a button?). Usually there is an “onload” command on Body tag, can you advice me, please?

Best regards,

Calin.

By: Roshan

Roshan — Tue, 29 Apr 2008 15:57:03 +0000

nice to hear that madhu…..u r most welcome..

By: madhu

madhu — Tue, 29 Apr 2008 10:27:52 +0000

I’m new to jQuery.this site really helped me to learn it easy.Thanks a lot roshan