Image Water Effects

April 19, 2005 at 16:12:21
Specs: Win 98, 300/512

I'm in the final stages of building a website for an HTML evening class at a local college. I've met my criteria but wish to add some effects.

My site contains images of freshwater fish and I would like to apply the water ripple effect to the images, preferably having the ripple start at mouse hover.

Is there a relatively easy way to produce this?

I have looked at Flash 5 but that seems very involved and have photoshop 7 but no clue.

Any help greatly appreciated.

M


See More: Image Water Effects

Report •


#1
April 19, 2005 at 19:01:53

how about this:
http://www.anfyteam.com/

---
Site of the Day


Report •

#2
April 20, 2005 at 02:57:48

Thanks Laler the version you found looks like it's just the job, I downloaded a zip file related to Anfy and when I unzipped it all it was, was well I don't exactly know what it was needless to say it didn't serve it's purpose.

I've just installed it on my test bed machine and I can't work it out yet but I'm sure it does what it says. I get to the last stage and it starts rattling on about putting it with my .class files and my site or something? I'll have to perservere, I was hoping to just add the effect to the image and then incorporate it into my site.

If I haven't sussed it by next Monday I'll take my laptop to college and get the tutor to show me.

Got to be easier than Flash 5, what a confusing & involved piece of software that is, all that time & effort just to have a pretty site that takes an age to load.

Regards

M


Report •

#3
April 20, 2005 at 03:03:17

Flash5?? No wonder it's hard, you're about 2 versions behind the latest. Flash5 was VERY bad. Then again, Flash MX2004 still has its issues too. ;)

Report •

Related Solutions

#4
April 20, 2005 at 03:52:00

I tried that water effect long ago, I think its not that hard, just read the manual.

and its a java applet, not flash...

the effect wont take time to load, but the visitor's browser will need to work hard to show the effect. I created it long ago when I was using a P3-866 and it looked perfect on that machine, but now I have a faster PC, the effect becomes too fast and ugly.

http://alumnialazhar.tripod.com/daftar/96.htm

---
Site of the Day


Report •

#5
April 21, 2005 at 00:46:41

Laler, call me stupid but I have used the software you suggested to create the desired image with the ripple effect but how do I utilise it in my webpage?

All the software appears to have done is create a file (among others) called blacksnake.html, I open this up and it is what I require but how do I get just the image out of it's black surrounds and place it exactly where I want it in my page?

I have tried to view the instructions but the software will not allow any help files to be accessed, probably because it's a free version. It's also going to play havoc with my sites directory structure but I can live with that bit.

Thanking you in advance.

Regards

M


Report •

#6
April 21, 2005 at 01:59:44

ok this is what I do:

downloaded it, extract (install) and run...

category: image effect

from the dropdown menu: WATER

click Next

browse for the Image File
(in here we can do settings, for now I leave it at default)

click Next

click Next

click Next

there's a window with codes, copy paste the code into your HTML file: (view.htm in my case)

then click publish, you'll see some notice:
"to use the aplet you need to copy..."

so I copied:
- firefox.jpg
- Program Files\AnfyTeam\Applet\water\anfy.class
- Program Files\AnfyTeam\Applet\water\AnWater.class
- Program Files\AnfyTeam\Applet\water\Lware.class

to the laler.webhop.net/water folder... and also creates the view.htm with the codes provided.

I think you can also click the button "copy all to folder" in that last anfy window to cpopy all needed files to a folder.

here's the image
http://laler.webhop.net/water/firefox.jpg

and here's the html
http://laler.webhop.net/water/view.htm

if something's still not working then dont hesitate to post back :)

http://azza.al-azhar.web.id/water is all needed to create the water effect, the 4MB donwload is because there're other effects in it.


---
Site of the Day


Report •

#7
April 21, 2005 at 02:06:14

<blockquote>how do I get just the image out of it's black surrounds and place it exactly where I want it in my page?</blockquote>

ok didnt pay attention to that one before.

so now you'll just have to look into:

Program Files\AnfyTeam\Applet\water\

and copy all .class files and also the image file to the same location on your page, and copy paste the <applet> codes to you page...

view the source of http://azza.al-azhar.web.id/water/view.htm to get a better idea

---
Site of the Day


Report •

#8
April 21, 2005 at 03:07:27

Laler, Thankyou very much I'll try that out later. Although this is not part of the criteria I need to meet I intend to keep this assignment as a reference of HTML/Javascript structure, methods, tags etc.

Nice one

M


Report •

#9
April 22, 2005 at 06:36:42

<quote>
Although this is not part of the criteria I need to meet I intend to keep this assignment as a reference of HTML/Javascript structure, methods, tags etc
</quote>

and if I may add,

doing effects like that is just not good IMO. for example, in this PC, I have no java vm so viewing pages with water effect will show some ugly box saying "you need to download plugin" :D

---
Site of the Day


Report •


Ask Question