closed resolvedGreetings!
I created a created a dynamic template using widgets to build tables on a page. Inside some of rows there are images. I was wondering if it is possible to implement the lightbox feature for images nested in a widget within a dynamic template.
Here is the page I am working on:
http://cornerture-wasabimuffin.rhcloud.com/?page_id=72
Is there a better/easier way to do this?
Thanks!
Ismael
Moderator
Hi wasabimuffin,
I think that's the easier way to do it. For the lightbox on images. I can only see img tags on your widget, It should be in this format:
<a href="http://link_to_fullsize_image" rel='lightbox'><img src="http://link_here" alt="" /></a>
In the link you specify, it should be something like this:
<a href="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg" rel='lightbox'><img width="150" src="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg " /></a>
Hope this helps. :)
Regards,
Ismael
Yes, just wrap your images into a link which points to the full size version of image. I.e. following code:
<img width="150" src="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg ">needs to be replaced with:
<a href="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg"><img width="150" src="http://cornerture-wasabimuffin.rhcloud.com/wp-content/uploads/2012/11/Sunny-Boy-A.jpg" /></a>Thanks guys, that worked beautifully!
One minor thing that came up though. When looking at the lightbox of an image in the caption area (beneath the photo) is the text "undefined". How do I get rid of or replace that text?
You guys are super helpful :)
Perfect!
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
