Results 1 to 5 of 5

Thread: Ultimate Fade-in slideshow - invert mouseover

  1. #1
    Join Date
    Sep 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow - invert mouseover

    1) Script Title:
    Ultimate Fade-in slideshow (v1.5)

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...nslideshow.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? ;-)

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Sep 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default mouseover start = yes ;-)

    Quote Originally Posted by jscheuer1
    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)

  4. #4
    Join Date
    Sep 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Quick & dirty

    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. ;-)

  5. #5
    Join Date
    Sep 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Modified original javascript - mouseout

    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)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •