Results 1 to 6 of 6

Thread: Ultimate Fade-In Slideshow: Toggler not working!!

  1. #1
    Join Date
    Jul 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Ultimate Fade-In Slideshow: Toggler not working!!

    1) Script Title: Ultimate Fade-in slideshow (v2.4)

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

    3) Describe problem: I'm trying to use this slideshow on a store (http://audreykitchingcouture.bigcartel.com/lookbooktest) and the toggler isn't working for me. I *need* it to work so this is very discouraging. I'm not a pro so I have no idea what to do. I've tried everything I could think of and it's still grayed out. Please help!

    CODE:

    <script type="text/javascript">
    var mygallery=new fadeSlideShow({
    wrapperid: "video-welcome", //ID of blank DIV on page to house Slideshow
    dimensions: [800, 500], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
    ["http://audreykitchingcouture.com/images/editorial/1.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/2.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/3.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/4.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/5.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/6.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/7.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/8.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/9.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/10.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/11.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/12.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/13.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/14.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/15.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/16.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/17.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/18.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/19.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/20.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/21.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/22.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/23.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/24.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/25.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/26.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/27.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/28.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/29.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/30.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/31.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/32.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/33.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/34.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/35.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/36.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/37.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/38.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/39.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/40.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/41.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/42.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/43.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/44.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/45.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/46.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/47.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/48.jpg"],
    ["http://audreykitchingcouture.com/images/editorial/49.jpg"]
    ],
    displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 500, //transition duration (milliseconds)
    descreveal: "always",
    togglerid: "toggler"
    })
    </script>


    <div id="video-welcome">

    </div>

    <div id="toggler" style="width:800px; text-align:center; margin-top:10px">
    <a href="#" class="prev">< <span class="status" style="margin:0 50px; font-weight:bold"></span> ></a>
    </div>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,004
    Thanks
    44
    Thanked 3,203 Times in 3,165 Posts
    Blog Entries
    12

    Default

    This:

    Code:
    <div id="toggler" style="width:800px; text-align:center; margin-top:10px">
    <a href="#" class="prev"><  <span class="status" style="margin:0 50px; font-weight:bold"></span> ></a>
    </div>
    should be:

    Code:
    <div id="toggler" style="width:800px; text-align:center; margin-top:10px">
    <a href="#" class="prev">&lt;</a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next">&gt;</a>
    </div>
    - John
    ________________________

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

  3. #3
    Join Date
    Jul 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation

    Thank you SO MUCH! I added that and they all aren't grayed out now but they still aren't working!

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,004
    Thanks
    44
    Thanked 3,203 Times in 3,165 Posts
    Blog Entries
    12

    Default

    There are other scripts on the page that are conflicting. I would recommend cleaning things up a bit and/or reordering them for better flow/function. If you're interested and can do that - it looks like you might be working from a template that you have limited control over, but if you can and are interested, let me know.

    However, to just get it working, simply change that code once again to:

    Code:
    <div id="toggler" style="width:800px; text-align:center; margin-top:10px">
    <a href="javascript:previous();" class="prev">&lt;</a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="javascript:next();" class="next">&gt;</a>
    </div>
    - John
    ________________________

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

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

    Default

    I have the same problem.

    I've tested all your codes and it works only in IE.
    In Mozila, Chrome and Safari it doesn't work.

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,004
    Thanks
    44
    Thanked 3,203 Times in 3,165 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by Luas View Post
    I have the same problem.

    I've tested all your codes and it works only in IE.
    In Mozila, Chrome and Safari it doesn't work.
    Works fine here in those browsers. Perhaps it has something to do with your page.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - 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
  •