Project:FancyZoom
Version:5.x-1.0
Component:Code
Category:bug report
Priority:normal
Assigned:thinkyhead
Status:fixed

Issue Summary

HI

Fantastic mod, congratulations.

As a non-coding type I'm finding it a bit of a challenge to stop Lightbox and FancyZoom clashing. When I uninstall Lightbox the image won't open through FancyZoom but when Lightbox is enabled the image opens first in Lightbox and then the FanyZoom image behind it. If I leave Lightbox installed but unconfigured for opening images and links FancyZoom does not work.

Any advice?

Thanks in advance

Comments

#1

I have the same issue and with Shadowbox. I think Lightbox has an auto-handle script that works with all the modal scripts so I'm looking into copying some of the lightbox code to the FancyZoom module to get it to automatically handle imagegallery objects.

any help would be really appreciated.

#2

Also having similar problems.
I have installed Fancyzoom and it works.. Lightbox obviously loads up too. If I then disable Lightbox however Fancyzoom does not load up the picture in zoom mode it just takes me direct to the image page.

Any ideas would be appreciated

Many thanks

#3

Did you manage to resolve this problem?

If so can you throw me some pointers as even with uninstalling of Lightbox I still can not get FancyZoom to work

Many thanks

#4

Assigned to:Anonymous» thinkyhead

Have to figure out a way to get rel="nozoom" on lightbox/thickbox images. I'll look into this in the near future.

#5

Any progress with this? I am setting up another site, and if this problem is solved I can use FancyZoom on it.

Many thanks

#6

Category:support request» bug report
Status:active» fixed

This should be fixed in 1.1 to be released later today. For Drupal 6 users, version 1.2 is already out. Give it a try.

#7

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

#8

Status:closed (fixed)» active

I'm using version 1.4 but I still get simultaneous Lightbox2 and FancyZoom popups.

#9

This issue is happening for me as well. I did install the 1.5 version of the module. The FancyZoom image is still appearing behind the Lightbox modal window. Any suggestions on how to remove the FancyZoom functionality from a View page and/or specific images/nodes?

-Trevor

#10

I tried adding rel="nozoom" to the link attribute the module documentation suggests but this interferes with Lightbox and also disabled the Lightbox modal window functionality from occurring.

Is there any method of getting both of these modules to work together on the same site without interfering?

-Trevor

#11

Thanks @ambientdrup - I'll mess with the two together and see what's up.

#12

Thanks! Looking forward to what you find out.

Best-

Trevor

#13

Hello @thinkyhead,

Did you figure this out?

-Trevor

#14

Rule #1: Don't nag the developers.

#15

No worries and I'm certainly not nagging. I myself do Drupal development and I'm also looking into a fix for this issue.

Best-

Trevor

#16

For anyone interested I've come up with a work around to remove the FancyZoom script from my View display in question but still load Lightbox so there's no conflict. To do this I created a tpl file to override the page output of my View. So for example:

page-new_gallery.tpl.php

Then I removed the

<?php
print $scripts;
?>
from the of my tpl, and then add all of the scripts back in manually (via tags in the head) leaving out the FancyZoom scripts.

This works. It's not the best solution but I need to have something workable now so this will suit our needs until I come up with a better solution. Hope this helps others.

Best-

Trevor

#17

Status:active» fixed

This was relatively easy to fix by tweaking the FancyZoom Javascript. The changes are:

standard/FancyZoom.js - Lines 96-99:

      if (!/(light|thick)box|nozoom/.test(rel) && !/thickbox/.test(links[i].className)) {
        links[i].onclick = function (event) { return zoomClick(this, event); };
        links[i].onmouseover = function () { zoomPreload(this); };
      }

jquery/FancyZoom.js - Lines 78-79:

      return (h && h.search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) !== -1
        && !/(light|thick)box|nozoom/.test($(this).attr('rel')));

Download an updated FancyZoom JS tarball including the min versions at: http://www.thinkyhead.com/design/fancyzoom

nobody click here