Results 1 to 2 of 2

Thread: Fade In Slide Show covers menu options

  1. #1
    Join Date
    May 2009
    Location
    Greensboro, GA
    Posts
    163
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Fade In Slide Show covers menu options

    1) Script Title: Ultimate Fade In Slide Show

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

    3) Describe problem: The code is working but the picture covers some of the menu options. Menu used is ddsmoothmenu

    Code located at
    http://lotatennis.com/newindex4.htm

    There are options under "All About LOTA" that cannot be seen.
    Thanks for any help

    Got it to work putting z-index:-1 for the image frame
    Last edited by mcolton; 03-03-2017 at 07:19 PM.

  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

    You've actually disabled two features of the slideshow on that page. One can no longer toggle the descriptions, and the slideshow no longer pauses on mouse over. If there were links in the slideshow, they would be inoperative. It's better to raise the z-index of the menu. In the ddsmoothmenu.js file, you can set the z-index value (after the lengthy update notices we see):

    Code:
    ///////////////////////// Global Configuration Options: /////////////////////////
    
    mobilemediaquery: "screen and (max-width: 700px)", // CSS media query string that when matched activates mobile menu (while hiding default)
    //Specify full URL to down and right arrow images (23 is padding-right for top level LIs with drop downs, 6 is for vertical top level items with fly outs):
    arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif', 6], left:['leftarrowclass', 'left.gif']},
    transition: {overtime:300, outtime:300}, //duration of slide in/ out animation, in milliseconds
    mobiletransition: 200, // duration of slide animation in mobile menu, in milliseconds
    shadow: false, //enable shadow? (offsets now set in ddsmoothmenu.css stylesheet)
    showhidedelay: {showdelay: 100, hidedelay: 200}, //set delay in milliseconds before sub menus appear and disappear, respectively
    zindexvalue: 1000, //set z-index value for menus
    closeonnonmenuclick: true, //when clicking outside of any "toggle" method menu, should all "toggle" menus close? 
    closeonmouseout: false, //when leaving a "toggle" menu, should all "toggle" menus close? Will not work on touchscreen
    Simply changing that value to 1001 should take care of it without having to partially disable the slideshow.
    - John
    ________________________

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

Similar Threads

  1. Ultimate Fade-In Slide Show - Advance slide on mouse click
    By gary.mcgill in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 02-24-2014, 12:14 PM
  2. Fade-In Pic Covers Menu
    By DuaneNelson in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-04-2012, 06:14 PM
  3. Smooth Menu and Ultimate Fade In Slide Show
    By brm_eng in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 01-14-2011, 01:30 AM
  4. Replies: 1
    Last Post: 03-16-2010, 11:00 PM
  5. Fade-in Slideshow covers up Flash drop down menu
    By taygraphics in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-26-2010, 10:56 AM

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
  •