Fancy Images - display title?

(6 posts) (3 voices)

1. 

   dumbledore
   Member

   Hi,
   I am not sure if this has been asked before: Is it possible to add a title and / or description to pictures shown with the Fancy-Images-Shortcode? So that they would be displayed at the bottom of the lightbox-pictures? Thank you!

   Posted 1 year ago #
2. 

   Elliott
   Support

   Hello dumbledore,

   You can do this by specifying a title and / or alt attribute for your link like so,

   <a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /></a>

   Posted 1 year ago #
3. 

   Elliott
   Support

   To use with the fancy_images shortcode then it would look like this,

   [fancy_images title = 'title' alt = 'alt']
   IMAGE URL
   [/fancy_images]

   Posted 1 year ago #
4. 

   dumbledore
   Member

   Thank you Elliott for your help! Sorry, did not get around to it sooner.

   First solution: This gives me single thumbs plus lightbox mode with individual titles & descriptions. Drawback here: If I want to show several pictures, they won't appear in gallery fashion (unless I manually arrange them in columns) - and the nice frames are missing.

   Second solution: Works fine with multiple pictures, frames are also there - but it seems I can specify only ONE title and description for ALL of the pictures, so if enlarged all photos have the same title / descr.

   Good enough for me - just asking: There wouldn't be a third solution for multiple pictures, in fancy-images mode, with a way to set individual titles / descriptions for each picture?

   Posted 1 year ago #
5. 

   Elliott
   Support

   Not yet dumbledore, you can reuse the shortcode for each image like this though,

   [fancy_images title = "Title 1"]IMAGE URL[/fancy_images]
   [fancy_images title = "Title 2"]IMAGE URL[/fancy_images]
   [fancy_images title = "Title 3"]IMAGE URL[/fancy_images]

   Posted 1 year ago #
6. 

   RyanDLC
   Member

   Hello,

   I know this post is a bit old (at this point the new themes with updated codes are out too) but I had the same question and think I may have found a simple solution. I am using the code for fancy images from Awake's shortcode found in the inFocus tutorials a while back and found that by simply separating each of my title words with commas they got applied to each image. It looks something like:
   [fancy_images title="first title, second title, third title"]
   I'll eventually switch over to the updated themes but for now I thought I'd throw this idea out here just in case.

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.