PDA

View Full Version : Featured Image Zoomer v1.5 in Tabbed page



dbshim
10-28-2011, 10:17 PM
1) Script Title: Featured Image Zoomer v1.5

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.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.

jscheuer1
10-29-2011, 11:23 PM
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:


<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.

ayazmaqsood1982
07-03-2012, 09:38 AM
on pic click i change big pic on my site on which zoomer is enabled but zoomer still shows old image in zoomed area :(

keyboard
07-03-2012, 09:53 AM
I'm sorry, but you're question doesn't really make sense.
Please try to provide a bit more information.

vwphillips
07-03-2012, 10:58 AM
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/ImageViewerII/ImageViewerII.htm