PDA

View Full Version : Ultimate Fade-in slideshow - invert mouseover



EmDzei
09-12-2006, 03:23 PM
1) Script Title:
Ultimate Fade-in slideshow (v1.5)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:
This javascript have two slide shows, but I am interesting about only one. My problem is that I am interesting invert mouseover effects. This slide show works directly when www-page have downloaded. In my case I have very damn good-looking gif-animation and it is my logo. So, when visitor moves mouse over the logo then the slide show should start.

How I modify the javascript? He who know javascripting I think this is simple problem:"Just inverse the mouse stopping check and that's all folks". OK, but how this kind of n00b do it? ;-)

jscheuer1
09-12-2006, 03:54 PM
I'm not so sure you want that. If effect inverted, one must maintain mouseover show, or else it stop. I think you may want a mouseover start, then either no stop or a return to mouseover pause. Do you? If so, which?

EmDzei
09-12-2006, 04:28 PM
I think you may want a mouseover start, then either no stop or a return to mouseover pause. Do you? If so, which?

Didn't think so far, lol. Yes, I am interesting about mouseover start.

Other case is that if visitor click my logo and then this original javascript starts to run its position.

But in any case I am not interesting to see slide show automatically (when www-page have loaded).

There could be allready javascript to use whick have start/ stop functions. Maybe I can modifi its code to my needs. But mouseover start would be better than click -version.

(and sorry about my bad english, too)

EmDzei
09-12-2006, 05:44 PM
I succeed with dirty version!

I added "Background image slideshow" (http://www.dynamicdrive.com/dynamicindex14/bgslide.htm) to bottom and over it put my animated logo with mouser over. When mouse is on the logo it changed to transparent gif and now visitor can see the slide show "under" it.

Bad thing is that when www-page have loaded there are running both my animated logo and under it the slide show.

But this is how noobies works! Hope we get better solution. In this dirty way visitor needs 5 GHz computer to view my page, LåL. ;-)

EmDzei
09-12-2006, 07:39 PM
I get this javascript to work after little modifications. Only problem is now that first picture start fading anyway. I can disable this to put first picture transparent.gif. Second project is to disable all candy eye fading system. I check all candidates on this site and this was best, becouse it have this mouseover code. With it I can change mouseover checking to mouseout - what seems to be my succeed.

Here the modifications I did:

"this.mouseovercheck=0" to "this.mouseovercheck=1"

Lines:

"crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}"

to

"crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=0}"

Delete lines (works with slide show #1):

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

and line in the end:

new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)