Results 1 to 2 of 2

Thread: Swiss Army Image Slideshow

  1. #1
    Join Date
    May 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Swiss Army Image Slideshow

    1) Script Title: Swiss Army Image Slideshow

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

    Sorry in advance if this has been asked and answered before.

    I have used this a couple of times for slideshows and I really like it. However, one of my clients wants the navigation arrows on the sides of the photos, NOT on the top or bottom. Is there any way to do this?

    Also, is there a way to turn off the border on those images I use when scrolling over it?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,136
    Thanks
    44
    Thanked 3,231 Times in 3,192 Posts
    Blog Entries
    12

    Default

    You can use the extra style hooks provided by swiss_2.js as introduced here:

    http://www.dynamicdrive.com/forums/blog.php?b=18

    To get the exact positioning you want, you may need to put a div on the page and move the controls into it. Here's an example of that:

    http://home.comcast.net/~jscheuer1/s...ss_updateb.htm

    Use your browser's 'view source' to get the code. That was made as part of this thread:

    http://www.dynamicdrive.com/forums/s...ad.php?t=63398

    Reading it might be of help to you.

    About styling the buttons - the border is actually a hover background color and is set using the button_highlight property of the slideshow. For no highlight, use the background color behind the image buttons or set it to transparent, examples (for over an area with a white background):

    Code:
    slides#.button_highlight='#ffffff'; // onmouseover background-color for image buttons (string) (requires image_controls=1) - use color name or hex value with # prefix
    Or for blending in with any background:

    Code:
    slides#.button_highlight='transparent';
    - John
    ________________________

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

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
  •