Phoca Gallery Shadowbox and Simple iFrame Lightbox Module

[bnA]

Hello,
I have a problem with "Simple iFrame Lightbox Module v2.4" and the "Phoca Gallery Shadowbox".
They don't work together.

Here is a link to my Phoca Gallery:
http://www.efc-schwanheim.de/joomla/ind ... &Itemid=43
With the Settings to display the pictures in a "Shadowbox"

Now if you click on a picture, it doesn't open a Shadowbox, it just opens like "target _blank".
But if I deactivate the "Simple iFrame Lightbox Module v2.4" the Shadowbox works perfectly.

You can see the "Simple iFrame Lightbox Module v2.4" at the top-right of the page if you click on "Login/Anmelden"
It's like the Shadowbox a pop up window. Maybe this doesn't work together.

I hope you can help me,
thanks.

[GenkaiNashi]

I think the problem is caused by the fact that Simple iFrame Lightbox Module v2.4 uses JQuery, which in itself is incompatible with Joomla (for now). Joomla uses Mootools, not JQuery.

In your source I see:
<script src="http://www.efc-schwanheim.de/joomla/mod ... 4-1-min.js" type="text/javascript"></script>
<script src="http://www.efc-schwanheim.de/joomla/mod ... box-min.js" type="text/javascript"></script>

So it's probably that which is causing the incompatibility, not Phoca Gallery. =(

This probably belongs in Simple iFrame Lightbox Module's forum...

As per:
http://transition.floridahostweb.com/co ... lorbox-doc

This module uses the jquery javascript. This tool is used by several extensions an it is important not to publish jquery more than once per page. So view your page source and look for a script tag with the src including the word jquery. If you see jquery, make sure you disable it.
Publishing more than one lightbox per page:

Only enable the javascripts and CSS on one module per page. All additional modules must have both the javascript and css disabled for this to work properly.

[GenkaiNashi]

Since I'm nice =) I've figured this out for you.

Follow these steps to get both Phoca Galley and Simple iFrame Lightbox Module to play along nicely...

In...
modules/mod_fhw_simplelightbox/helper.php

Add this line:

Code: Select all

echo '<script>jQuery.noConflict();</script>';

AFTER all of this...

Code: Select all

	if($enablecolorbox == '1') {
		$mainframe->addCustomHeadTag('<script src="'.$BaseUrl.'js/fhw-jquery_colorbox-min.js" type="text/javascript"></script>');
	} else { echo ''; }

Now after you've done that -
Change this:

Code: Select all

<script type="text/javascript">
			$(document).ready(function(){
				//assign iframe to colorbox, set colorbox params
				$(".fhwframe'.$id.'").colorbox({width:"'.$frameWidth.$dimensionsType.'", height:"'.$frameHeight.$dimensionsType.'", iframe:'.$iframe.', open:'.$open.', overlayClose:'.$overlayclose.', opacity:'.$bgOpacity.', initialWidth:"'.$startWidth.'", initialHeight:"'.$startHeight.'", transition:"'.$transitionType.'", speed:'.$transitionSpeed.', close:"'.$closeText.'", photo:'.$frameType.', inline:'.$inline.'});
			});
		</script>

to

Code: Select all

<script type="text/javascript">
			jQuery(document).ready(function(){
				//assign iframe to colorbox, set colorbox params
				jQuery(".fhwframe'.$id.'").colorbox({width:"'.$frameWidth.$dimensionsType.'", height:"'.$frameHeight.$dimensionsType.'", iframe:'.$iframe.', open:'.$open.', overlayClose:'.$overlayclose.', opacity:'.$bgOpacity.', initialWidth:"'.$startWidth.'", initialHeight:"'.$startHeight.'", transition:"'.$transitionType.'", speed:'.$transitionSpeed.', close:"'.$closeText.'", photo:'.$frameType.', inline:'.$inline.'});
			});
		</script>

[bnA]

Man, you're great!!!!

That works perfect, thank you very much

[mooj]

One year later, you're still a great man!
It works for me too!!!

Thank you very much