Dimensions fancyzoom not working with multiple images
fivehimself - June 23, 2009 - 05:53
| Project: | FancyZoom |
| Version: | 6.x-1.1 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | slurslee |
| Status: | postponed (maintainer needs more info) |
Jump to:
Description
Hi, I really like this zoom and would like to use it on my site.
I've created a custom content type with multiple IMCE Image fields. The fields are shown as a thumbnail and when you click on it, the fancyzoom loads the full image. This works just fine, only when the images have different ratios there's a problem.
The second image loads with the width and height of the first image.
This is the code I'm using to display the IMCE Image Fields for Fancyzoom:
<div class="crop-150x100">
<a href="<?php print $node->field_image1[0]['imceimage_path'] ?>">
<img src="<?php print $node->field_image1[0]['imceimage_path'] ?>" />
</a>
</div>
<div class="crop-150x100">
<a href="<?php print $node->field_image2[0]['imceimage_path'] ?>">
<img src="<?php print $node->field_image2[0]['imceimage_path'] ?>" />
</a>
</div>The .crop-150x100 class is a quick and dirty way to use the same image as a thumbnail:
.crop-150x100 {
margin-top: 3px;
height: 100px;
width: 150px;
overflow: hidden;
}Does anyone have this same problem with fancyzoom? I call my scripts at the end of the page, not in the header.
I hope someone could help me with this one.
#1
To bad, but skipping this module / plugin due to this problem... If someone has a resolution, I would still be verry happy. Untill that time, I'll be using lighbox.
#2
Have to see if this affects multiple images in other scenarios as well. Probably an issue with the FancyZoom javascript doing bad overloading...
#3
I'd like to see an example of this so I can see the problem in action.