Results 1 to 5 of 5

Thread: Featured Image Zoomer v1.5 in Tabbed page

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

    Default Featured Image Zoomer v1.5 in Tabbed page

    1) Script Title: Featured Image Zoomer v1.5

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

    3) Describe problem: It is a great script. However, I am having troubles to use this script in tabbed page. The magnifying lens and magnifier are still active when another tabs are selected.
    http://beta.supremewindows.net/html/window.html
    How can I hide or disable magnifier when tabs change?
    Thank you.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    Are you sure you need so many copies of jQuery on that page?

    Anyways, to answer your question - Since the zoomtracker div is not on the tab, rather positioned over where the trigger image is, you need a way to turn off the effect when the trigger image is no longer there and to restore it when it returns. Add this script to the head of the page:

    Code:
    <script type="text/javascript">
    jQuery(function($){
    	var re = /\D/g;
    	$('.tab').click(function(){
    		var zidx = this.hash.replace(re, '') == 1? '' : -1;
    		$('.zoomtracker').css({zIndex: zidx});
    	});
    });
    </script>
    Put it after all of the other scripts in the head.

    What this does is make the tracker div unresponsive to mouseover except when tab-1 is clicked. The tracker starts out responsive though, but we want that. If you end up with more than one Featured Image Zoomer image on the page, as long as they're all on tab-1, this will still work. But if you end up with Featured Image Zoomers on different tabs or in one tab and also outside the tab area, that can probably be worked out, but it will require more code.
    - John
    ________________________

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

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

    Default have a problem

    on pic click i change big pic on my site on which zoomer is enabled but zoomer still shows old image in zoomed area

  4. #4
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,531
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    I'm sorry, but you're question doesn't really make sense.
    Please try to provide a bit more information.

  5. #5
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,821
    Thanks
    2
    Thanked 425 Times in 419 Posts

    Default

    ayazmaqsood1982

    you should have started a new thread for this requirement

    however
    Featured Image Zoomer v1.5 does not provide a swap image facility

    you could try

    http://www.vicsjavascripts.org.uk/Im...geViewerII.htm
    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/

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
  •