Results 1 to 4 of 4

Thread: Lightbox 2 and Featured Content Slider issues

  1. #1
    Join Date
    Dec 2007
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Lightbox 2 and Featured Content Slider issues

    1) Script Title:
    Featured Content Slider
    Lightbox 2.03

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

    3) Describe problem:
    I can't seem to get these scripts to work together. The featured content slider works properly, but when I click on the thumbnail it doesn't bother using the lightbox, and just redirects to the image.

    The way I want this to work is when you mouseover the thumbnails it displays in the larger image viewer, and then the user can click on the thumbnail or the larger image to load the lightbox. Currently, it works fine for the larger image, but the thumbnail won't work.

    Any thoughts on how I can combine these scripts?

    Link:
    http://www.geeks2go.biz/wip/quiteeventful/portfolio.php

    And the code snippet I think is the culpret:

    Code:
    <div id="paginate-slider2" class="pagination">
    <a href="images/portfolio/aga/1_lg.jpg" class="toc" rel="lightbox"><img src="images/portfolio/aga/1_sm.jpg"></a>
    <a href="#" class="toc"><img src="images/portfolio_thumb_bgr.jpg"></a>
    <a href="#" class="toc"><img src="images/portfolio_thumb_bgr.jpg"></a>
    
    </div>

  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

    Try upgrading to Lightbox 2.04:

    http://www.lokeshdhakar.com/projects...box2/#download

    Since it doesn't require onload initialization of links, it plays better with a wide variety of other scripts than does Lightbox 2.03 and previous versions of Lightbox.
    - John
    ________________________

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

  3. #3
    Join Date
    Dec 2007
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you for the quick reply! I didn't even know 2.04 was out.

    Unfortunately, the problem persist, the thumbnail just redirects to the image, rather than opening in the lightbox.

    Any other ideas?

    Thanks again!

  4. #4
    Join Date
    Dec 2007
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I am loath to bump my own thread, but as of yet I still haven't figured out what is preventing this from working, and would truly appreciate any assistance you can offer.

    :EDIT: (Soas not to bump it again)
    I found a solution, for anyone that might be running a search in the future.

    I resolved this by using:
    http://www.dynamicdrive.com/dynamici...tentglider.htm

    Then using this modified .js file here for on mouseover:
    http://www.dynamicdrive.com/forums/s...ad.php?t=37460

    From this JS file I learned how to replace teh glide and turn it into a fade:
    http://www.dynamicdrive.com/forums/b...b=11&goto=prev

    line 26, comment out the animate, and replace it with opacity:
    HTML Code:
    //$jtarget.animate(endpoint, config.speed)			
    $jtarget.css(endpoint).css({opacity:0}).animate({opacity:1}, config.speed) //custom code
    Then using the jquery fix posted here:
    http://www.dynamicdrive.com/forums/s...ad.php?t=37797

    And voila, the scripts work!
    Last edited by A2597; 04-10-2009 at 12:39 PM.

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
  •