Topic awaiting preservation: questions about flourish!!. (doc?) (Page 1 of 1)

I have a question about the javascript on docs site flourish.html . I understand the script but how now do I add mutiple rollovers (like buttons) instead of just the one. In otherwords how do I have more than one at a time on a page. I tried to put more than one on, but the rollover becomes disabled.

-pay your money for four walls and keep yer slavery intact.

ummmm, what are you talking about?

Could this be what you're looking for?


Harmonizing new illusions...
ICQ: 67751342

Sorry.. just couldn't resist this one
5 Animated Rollovers

100 Animated Rollovers

thanks bro!! more than answerd my question.(x100!!!!)

-pay your money for four walls and keep yer slavery intact.

Hey wow, that is way cool! I've never sen that one bvefore, thanks for sharing the link! I've actually got my own code for doing pretty much exactly this same thing, but it's not polished up and ready yet. This is a sweet version though, and sems to handle the CPU quite nicely, good stuff.

Your pal, -doc-

Roy, Im having problems getting the script to work the way you have it. I'm getting an error that says : line 9, jsfx undefined. line 9 is right here:

<SCRIPT LANGUAGE="JavaScript">

JSFX.AnimatedRollover("flourish", "images/flourish/", 5, ".jpg");

</SCRIPT>

what do I define in this line? I know flourish and images/flourish are folders. I have the images but not in those folders. how would I define it using any image that I have?

-pay your money for four walls and keep yer slavery intact.

Judging by how I set my naming structure for that, I know that the result of running that function (which is included in the attached .js file) would be to create an array with 5 images in it, named "flourish1.jpg", "flourish2.jpg", etc... So, you need images numbered the same way, and replace 'flourish' with the first part of the name you use, include the path to them, and whether it ends in '.jpg' or '.gif'. Nice script, I like it. Read the comments in the attached script, it explains things.

Your pal, -doc-



[This message has been edited by DocOzone (edited 01-24-2002).]

Hi, I got the idea 2 years ago from this site http://www.andygraphics.com
I have been revising, re-writing and optimizing the script ever since. I have seen the Animated rollovers on the DocOzone sites and the graphics are way cooler than what I can come up with.
Anyway, you do need the external ".js" file and I do have an instruction page here Animated Rollover Tutorial
HTH


[This message has been edited by RoyW (edited 01-25-2002).]

ok, now I get your script, roy except is there anyway to do it without placing the images in another folder? Its a killer script by the way. Anyways, I want to be able to have the same effect as docs script. The differences between the two are that roys return loop occures on the onmouseout event. Doc' has a return loop during the actual onmouseover event. (meaning it rolls the animation and than returns it- i hope thats clear.) How do I enable this effect on multiple images on the same page? (my original question using doc's script).

-pay your money for four walls and keep yer slavery intact.

Take a look at this demo
1)I have changed it so the image is in the same directory as the page (look at the call to JSFX.AnimatedRollover()
2)The aniOn and aniOff are both called in the onMouseOver to get the effect desired