Page 2 of 2 FirstFirst 12
Results 11 to 15 of 15

Thread: Featured Image Zoomer

  1. #11
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,793
    Thanks
    2
    Thanked 418 Times in 412 Posts

    Default

    that appears appears to fix the z-Index

    just a matter of getting the DD script updated

    about your demo

    It relies on having thumbnails to swap
    so no thumbnails = no functionality

    better to use the image ID for basic functionality
    and the thumbnails as an option
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  2. #12
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,954
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by vwphillips View Post
    about your demo

    It relies on having thumbnails to swap
    so no thumbnails = no functionality

    better to use the image ID for basic functionality
    and the thumbnails as an option
    I see your point and will consider it visa vis modifying how the script is invoked. However, as it currently stands, if you don't want to have thumbnails - want a single Featured Image Zoomer, you can use the old syntax with the new script:

    Quote Originally Posted by jscheuer1 View Post
    Code:
    	$('#image1').addimagezoom({
    		zoomrange: [3, 10],
    		magnifiersize: [300,300],
    		magnifierpos: 'right',
    		cursorshade: true,
    		zIndex: 4,
    		largeimage: 'http://i44.tinypic.com/11icnk5.jpg' //<-- No comma after last option!
    	})
    and it will work just fine.
    - John
    ________________________

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

  3. #13
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,954
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    OK, I decided to go with you're suggestion. The new syntax is like the old syntax with an added property to turn on multizoom:

    Code:
    	$('#image2').addimagezoom({ // options same as for previous Featured Image Zoomer's addimagezoom unless noted as '- new' or '- requires multizoom'
    		multizoom: '.triggers2 a', // triggers for image swapping (required for multizoom) - new
    		descArea: '#description2', // description selector (optional - but required if descriptions are used) - requires multizoom
    		disablewheel: true // even without variable zoom, mousewheel will not shift image position while mouse is over image (optional) - new
    				//^-- No comma after last option!	
    	});
    If you use the multizoom property, it will use those thumbnail links to setup a multizoom feature. If not, it will act like the previous version. So it's no longer a new script, nor an addon, rather an update of the existing Featured Image Zoomer.

    Some of the new features are available even in single image mode. The code has changed slightly. The updated demo page reflects these latest developments both in code and documentation. Same address:

    http://home.comcast.net/~jscheuer1/s...izoom/demo.htm
    - John
    ________________________

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

  4. #14
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,793
    Thanks
    2
    Thanked 418 Times in 412 Posts

    Default

    unfortunately the magnified image container does no appear to have a z-Index so that is hidden behind other elements

    I had a typo

    Just a matter of getting the DD script updated?
    Last edited by vwphillips; 11-12-2012 at 09:15 AM.
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  5. #15
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,954
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    I'm not sure what you're saying here. Are you using the latest version from:

    http://home.comcast.net/~jscheuer1/s...izoom/demo.htm

    ?

    I have been updating frequently. Make sure to clear your browser cache before downloading.

    As for:

    Just a matter of getting the DD script updated?
    Perhaps. The official version has not been updated yet.

    On a side note - I've been working on a tweak where if there's markup for thumbnails associated with an image, that invokes multizoom, no extra multizoom property needs to be specified. However, it breaks down in the latest jQuery versions (1.8+), probably due to a bug. I'm thinking of going with it anyway and requiring jQuery 1.7.2 (the latest without this bug) and possibly making a bug report. A bug report is extra work though and I would have better luck with it if I could further isolate the cause. As it stands now, I can only tell what code invokes it, not the actual problem. Took me forever to realize it was version specific, I should have checked that sooner.

    Edit: I found a workaround. The problem is in jQ 1.8+ and relates to a problem with its .not() function which is documented and supposedly fixed, but obviously not entirely. I found that by using the :not() selector instead of the function I was able to get jQ1.8 to cooperate. So now I've updated the live development demo with the new code. You can still specify a selector for the thumbnails if you choose. But if you use the expected format, the script will detect it and use it. The format is the selector for the image as a classname with an added classname, 'thumbs'. So image1's thumbnails go in an element with a class of "image1 thumbs". I needed the not (whether selector or function doesn't matter) to filter out the thumbnails should someone choose to select the primary zoomable image tag via a classname.
    Last edited by jscheuer1; 11-12-2012 at 07:45 PM. Reason: workaround
    - John
    ________________________

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

Similar Threads

  1. featured image zoomer question
    By courtneydesign in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-01-2012, 08:01 AM
  2. Featured Image Zoomer
    By fleance in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 04-26-2012, 12:02 AM
  3. Featured Image Zoomer positioning
    By kennyd in forum Dynamic Drive scripts help
    Replies: 11
    Last Post: 04-21-2011, 06:23 AM
  4. Resolved Featured Image Zoomer
    By jfrene in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 07-31-2010, 06:22 PM
  5. Problem with featured image zoomer
    By geoffloxton in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 07-21-2010, 10:59 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
  •