Light box

(9 posts) (2 voices)

1. 

   ydaria83
   Member

   Hi I want to be able to have a different thumbnail image for a lightbox and when you click on it it pops open a different one. How can I accomplish this? For right now I have the regular code for the fancy images with a link only.

   [fancy_images width="265" height="199"]
   [image_frame style="framed_shadow" title="Consultation" alt="Alt Text"]http://yourdomain.com/images/cosult.jpg[/image]
   [image_frame style="framed_shadow" title="Evaluation" alt="Alt Text"]http://yourdomain.com/images/evaluation.jpg[/image]
   [image_frame style="framed_shadow" title="Customization" alt="Alt Text"]http://yourdomain.com/imagescustomization.jpg[/image]
   [/fancy_images]

   Posted 3 months ago #
2. 

   Elliott
   Support

   Hello ydaria83,

   You cannot nest the image_frame and the fancy_images like that. What your wanting to do is something like this,

   <a href = "link to your fullsize image" rel = "prettyPhoto">
   [image_frame style = "framed_shadow" title = "Cusotmization" alt = "Alt Text" prettyphoto = "false" link_to = "false"]link to your thumbnail[/image_frame]
   </a>

   Posted 3 months ago #
3. 

   ydaria83
   Member

   I understand. If I have set of 3 images that I want to align them next to each other using the code above should I put them inside a div or it doesn't matter? Thank you for your quick response!!

   Posted 3 months ago #
4. 

   Elliott
   Support

   Yes you can put them in a [one_third] [/one_third] to create a 3 column layout or you can add a class of "alignleft" to your link.

   Posted 3 months ago #
5. 

   ydaria83
   Member

   Perfect thank you so much!

   Posted 3 months ago #
6. 

   ydaria83
   Member

   I applied the code but the images are underneath each other instead of next to each other. Any suggestions?

   Posted 3 months ago #
7. 

   ydaria83
   Member

   At this moment the code is:

   [one_third]
   <a href='link to your fullsize image' rel="prettyPhoto">
   [image_frame style = 'framed_shadow' title = "Cusotmization" alt = "Alt Text" prettyphoto = "false" link_to = "false"]http://yourdomain.com/images/cosult.jpg[/image_frame]
   </a>
   
   <a href='link to your fullsize image' rel="prettyPhoto">
   [image_frame style = 'framed_shadow" title = "Cusotmization" alt = "Alt Text" prettyphoto = "false" link_to = "false"]http://yourdomain.com/images/evaluation.jpg[/image_frame]
   </a>
   
   <a href='link to your fullsize image" rel="prettyPhoto'>
   [image_frame style = 'framed_shadow" title = "Cusotmization" alt = "Alt Text" prettyphoto = "false" link_to = "false"]http://yourdomain.com/images/customization.jpg[/image_frame]
   </a>
   [/one_third]

   Posted 3 months ago #
8. 

   Elliott
   Support

   Try this,

   [one_third] image [/one_third]
   [one_third] image [/one_third]
   [one_third_last] image [/one_third_last]

   Posted 3 months ago #
9. 

   ydaria83
   Member

   Works like a charm :) Thank you again!

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.