Replace prettyPhoto with Lightbox Evolution « Support Forum | Kriesi.at

Support Forum » Broadscope

Replace prettyPhoto with Lightbox Evolution

8 posts from 2 voices

Started 1 year ago by dodonnell73
Latest reply from Dude
This topic is resolved

Tags:

dodonnell73
Member

Hi,

I have purchased Lightbox Evolution from Code Canyon (http://codecanyon.net/item/lightbox-evolution-for-wordpress/119478). I have installed the plugin and removed the prettyPhoto plugin but by default any image (including images included in my Slideshow Evolution) is included in the prettyPhoto lightbox gallery.

I have looked on the support forums and there is some mention of modifying custom.js but for the life of me I can't find where this file is located. I can't find any file named custom.js in the install base.

Please help.

Kind regards,

Dave

Posted 1 year ago #
Dude
Dude
Hey,
I don't know how to implement the lightbox (you need to contact the plugin author) but I can tell you how to deactivate prettyphoto. Open up js/avia.js and delete following code:
```
//activates the prettyphoto lightbox
	if(jQuery.fn.avia_activate_lightbox)
	jQuery('body').avia_activate_lightbox();
```
Posted 1 year ago #
dodonnell73
Member

Dude,

Thank you for the quick response, but it didn't entirely fix it.

It did deactivate prettyPhoto, but it seems that ALL of the images on my pages (apart from the home page) are being included in the lightbox by default. This means that when I hover over an image it dims slightly to indicate that I can click to open the lightbox.

If I click on an image where I have explicitly called the evolution lightbox then it works exactly as it should. For all other images, which used to call up the prettyPhoto lightbox, it instead just shows the image on a (new) blank page.

Take a look at the following link to see what I mean:

http://tipoule.com/?page_id=2

Posted 1 year ago #

Dude
Dude

Ok, I think I found a better approach then. Revert the change I posted above and delete following two lines instead:

if($.fn.prettyPhoto)
			elements.prettyPhoto({ "theme": 'premium_photo', 'slideshow': 5000 }); /* facebook /light_rounded / dark_rounded / light_square / dark_square */

Posted 1 year ago #

dodonnell73
Member

Hi dude,

I did what you said and re-included the original lines and then deleted the lines as specified, but still the behaviour is unchanged. It still invokes lightbox by default and then shows the full size image on a blank page. You can have a look at the link I supplied to you before to verify this.

Regards,

Dave

Posted 1 year ago #
Dude
Dude
I see no reason why it doesn't work because the activation function applies a rel attribute to all image links. However maybe the lightbox needs a direct call. You need to ask the author how the code I posted above
```
if($.fn.prettyPhoto)
			elements.prettyPhoto({ "theme": 'premium_photo', 'slideshow': 5000 }); /* facebook /light_rounded / dark_rounded / light_square / dark_square */
```
needs to be modified to work with his lightbox....
Posted 1 year ago #
dodonnell73
Member

I think you're right.

Thanks for your help, it definitely does not call prettyPhoto anymore. My problem is that the Evolution Slider allows me to click on the image which I can't seem to turn off. I will follow it up with the author.

Posted 1 year ago #
Dude
Dude

Glad that I could help you :)

Posted 1 year ago #