Results 1 to 2 of 2

Thread: Combining "Image Power Zoomer v1.1" with "Ultimate Fade-in slideshow (v2.4)"

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

    Default Combining "Image Power Zoomer v1.1" with "Ultimate Fade-in slideshow (v2.4)"

    Hi

    I have used the Image Fade-in Slideshow script (http://www.dynamicdrive.com/dynamici...nslideshow.htm) successfully to create a manual slideshow where buttons are pressed to cycle through.

    However, I want to add the Image Power Zoomer v1.1 script (http://www.dynamicdrive.com/dynamici...owerzoomer.htm) to the images in the slideshow.

    The div for the slideshow is called "fadeshow1" and the power zoomer script says that you can apply the zoom effect to all images inside a div:

    <script type="text/javascript">
    jQuery(document).ready(function($){ //fire on DOM ready
    $('#gallerydiv img').addpowerzoom() //add zoom effect to all images inside DIV with ID "gallerydiv"
    })
    </script>

    I tried this by simply putting "fadeshow1 img" where "#gallerydiv img" is above but this doesn't seem to work, it seems that the images in the image array of the slideshow are on top of the zoom "box".

    I've attached the full script so take a look to see if I've got any major errors.

    Any help would be much appreciated.

    Many Thanks
    Ryan
    Attached Files Attached Files

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Code:
    <script type="text/javascript">
     jQuery(document).ready(function($){ //fire on DOM ready
     $('#fadeshow1 .gallerylayer img').addpowerzoom() //add zoom effect to all images inside DIV with ID "gallerydiv"
     })
     </script>
    Would be the correct approach because the images in a gallery in an element with an id of fadeshow1 are in div's created by the script with a class of gallerylayer.

    But the images that are to be zoomed must be being seen initially at less than their native resolution. Otherwise there's nothing to zoom to. And fadeslideshow.js makes no provision for showing its images at less than full resolution.

    Something could probably be worked out though. I'm thinking the best approach would probably be to have smaller images in the slideshow and somehow initialize them to zoom to larger counterparts.

    Do you have a set of images like that I could work with (smaller images for the slideshow, larger images for the zoom effect)?
    - John
    ________________________

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

Similar Threads

  1. Combining "Featured image zoomer" "and "Image thumbnail viewer II"
    By novastar in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 03-17-2011, 10:10 PM
  2. Combining "Featured Image Zoomer" and "Image Thumbnail Viewer II"
    By pennzman543 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 03-05-2011, 12:26 AM
  3. Combine "Ultimate Fade-in Slideshow" and "Lightwindow 2.0" ??
    By Brainwrek in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 10-01-2009, 03:32 PM
  4. Help combining "Dynamic Ajax Content" and "Step Carousel Viewer"
    By hpersson in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-17-2009, 09:22 AM
  5. Combining "Local Time Script" with "Cool DHTML Tooltip"
    By thr33swords in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-22-2008, 07:52 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
  •