Lightbox effect for ALL images?
Permalink
I'm using concrete5 for my website, but most of the content is brought in via the C5 "WordPress for Concrete5" addon. I found the plugin "wp-jquery-lightbox" for my Wordpress articles that allows ALL image links to open in a lightbox when clicked, and it works great when I preview my blog outside of concrete5. However, the lightbox effect does not carry over when I view my site from the C5 page.
I've seen a lot of people here linking to various popup addons from the marketplace, but all seem to only work from a specific block of content (which I can't use because my content is being pulled from a "Wordpress Entries" block) - not site-wide. Is there anything I can apply to the template code that would make the lightbox effect apply automatically to all image links?
If anyone can tell me what code to add and what files to place it in, I'd be much appreciative.
I've seen a lot of people here linking to various popup addons from the marketplace, but all seem to only work from a specific block of content (which I can't use because my content is being pulled from a "Wordpress Entries" block) - not site-wide. Is there anything I can apply to the template code that would make the lightbox effect apply automatically to all image links?
If anyone can tell me what code to add and what files to place it in, I'd be much appreciative.
Thanks Mainio - I'm only seeing examples like:
http://leandrovieira.com/projects/jquery/lightbox/...
Do you have a source for the all-inclusive code I need to add to the theme's header that automatically applies the effect to all image links on the website instead of an individual basis like those tutorial pages show?
http://leandrovieira.com/projects/jquery/lightbox/...
Do you have a source for the all-inclusive code I need to add to the theme's header that automatically applies the effect to all image links on the website instead of an individual basis like those tutorial pages show?
Either:
a) Check out from your blog's code where the lightbox script lies and paste the same script location to your theme header
OR
b) Include the lightbox script in your theme and load it from there
a) Check out from your blog's code where the lightbox script lies and paste the same script location to your theme header
OR
b) Include the lightbox script in your theme and load it from there
Any idea how to do this without the wordpress addon? I want to add this using the plain yogurt theme. I am guessing it goes somewhere in the header.php but I am not sure what the code would be.
Thank you in advance.
Thank you in advance.
Hello
i share my code, but i have PRETTYPHOTO. It automaticay popup if u click on image link, you dont need any <rel="xyx">...
Remove div ID "#container" and leave "a" to apply on whole page OR change div id "#container" for your div ID or CLASS.
Sorry for my bad english.
Regards
i share my code, but i have PRETTYPHOTO. It automaticay popup if u click on image link, you dont need any <rel="xyx">...
/* Pretty Photo Lighbox */ jQuery(document).ready(function(){ jQuery("#container a[href$='.jpg'],#container a[href$='.jpeg'],#container a[href$='.JPG'],#container a[href$='.png'],#container a[href$='.gif']").prettyPhoto({ animationSpeed:'normal'}) });
Remove div ID "#container" and leave "a" to apply on whole page OR change div id "#container" for your div ID or CLASS.
Sorry for my bad english.
Regards
Antti / Mainio