View Full Version : Featured Image Zoomer v1.5 &Image Thumbnail Viewer II

07-09-2012, 05:38 AM
1) Script Title: how can we do multiple zooming
2) Script URL (on DD):

3) Describe problem: how can we do multiple zooming by using the Featured Image Zoomer v1.5 & Image Thumbnail Viewer II

I cannot call the' id ' of Featured Image Zoomer v1.5, because Image Thumbnail Viewer II is using <a href src=""> instead of <img>.

so can any one suggest how to do it.

I need to do the following
1. display thumbnail of an image
2. while clicking the thumbnail, display the original image with original size
3. the parts of original image must be zoom with Featured Image Zoomer v1.5

here is the website..



07-09-2012, 07:25 AM
I don't understand what the problem is with calling the idea on an a tag.

07-09-2012, 09:13 AM
Hi Bernie

Nice to hear from you..
can u solve the following problem.

Just look at the website

1. click thumbnail view of cashew -->Roll over the big image of cashew ---->will get zooming of correct image

2. click thumbnail view of ship------> Roll over the big image of ship----> you will get zooming of cashew(wrongly instead of ship).

Can u solve this problem ? I think you got it.

07-09-2012, 10:54 AM

Can any one suggest to set an id to the image (img/test.jpg) in following coding

<a href="img/test.jpg" alt="Image">

any possibility to do it with javascript or php by calling functions or if any ?


07-09-2012, 11:06 AM
I take it you mean programmatically, rather than just:

<a id="YOUR_ID_HERE" href="img/test.jpg" alt="Image">

07-09-2012, 11:11 AM
In JQuery, by title:

$(document).ready(function() {
$('a').each(function() {
if($(this).attr('title') == 'Image') {
$(this).attr('id') = 'YOUR_ID_HERE';

In JQuery, by href:

$(document).ready(function() {
$('a').each(function() {
if($(this).attr('href') == 'img/test.jpg') {
$(this).attr('id') = 'YOUR_ID_HERE';

07-09-2012, 11:12 AM


But its not working. i need to set id for img/test.jpg not a href tag. can u suggest anything more ?

07-09-2012, 11:21 AM
How do you mean? Can you give an example or link to the page you're working on? Make sure you post any code on these forums within

It may not be working if you don't have JQuery installed. Add the following line to your head tag:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Remember that id's are designed to be unique to the page. The standard HTML markup for an image link is as follows:

<a class="image-link" href="img/test.jpg" title="Image 1">
<img id="Image1" src="img/test.jpg" alt="Image 1" title="Image 1" />

07-09-2012, 11:27 AM

This is the site iam working http://harvestcfood.com/frm
click on thumbnails and hover the images for zoom you will get the mistake.

...wrong zoom for image.
what i can do for that ?


or we can do any other javascript ? @ApacheTech

07-09-2012, 01:59 PM
I'm not sure on this one tbh. I'm sure someone here will be able to help you, but if it were me, I'd simply look for a better zoom script.

There are a multitude of them here:


I would highly recommend Zoomooz, it's number 17 on the list at the site above.

07-09-2012, 04:27 PM
I think I had this or something very similar to this worked out at one point. But if another script can do it, I'd say, "Go for it."

As I recall the existing zoomer had to be destroyed by using jQuery's .remove() on all of its created markup and then a new instance of the zoomer had to be created using the next image or (in the case of an image with a larger higher res version zoom image) set of images. Each time the zoomed image changed that process had to be repeated.

When I get more time I will look for it some more and if I still can't find it I'll probably play around with it, as it would be a nice addition to the zoomer script.

But, as I say, if another script already has this capability, you may as well give it a shot.

07-09-2012, 06:44 PM
Thanks for the advice @ ApacheTech :)

There is no scripts available, which are more user friendly like dynamic drive ...