Media : Images : Fancy

[teaser]Provide a list of images, and the website will automatically scale and crop to create thumbnails. Clicking on the thumbnail will show the large image scaled to fit the browser window, and you can use the arrow keys to navigate all images.[/teaser]

Gallery of Fancy Images with Captions

[fancy_images width=”185″ height=”140″]
[image caption=”Caption text” title=”Title test for image 1 displays here” alt=”Alt text for image 1 displays here”]/images/greenery-01.jpg[/image]
[image caption=”Caption text” title=”Title test for image 2 displays here” alt=”Alt text for image 2 displays here”]/images/greenery-02.jpg[/image]
[image caption=”Caption text” title=”Title test for image 3 displays here” alt=”Alt text for image 3 displays here”]/images/greenery-03.jpg[/image]
[image caption=”Caption text” title=”Title test for image 4 displays here” alt=”Alt text for image 4 displays here”]/images/greenery-04.jpg[/image]
[image caption=”Caption text” title=”Title test for image 5 displays here” alt=”Alt text for image 5 displays here”]/images/greenery-05.jpg[/image]
[image caption=”Caption text” title=”Title test for image 6 displays here” alt=”Alt text for image 6 displays here”]/images/greenery-06.jpg[/image]
[/fancy_images]

[margin10]

The Fancy gallery automatically generates the thumbnails as specified and they align to fill the available area. Change the dimension of gallery images to control appearance. Set images with or without captions. Click on thumbnail to zoom in and then use the arrow keys to navigate.

[fancy_images width=”75″ height=”75″]
[image title=”Title test for image 1 displays here” alt=”Alt text for image 1 displays here”]/images/greenery-01.jpg[/image]
[image title=”Title test for image 2 displays here” alt=”Alt text for image 2 displays here”]/images/greenery-02.jpg[/image]
[image title=”Title test for image 3 displays here” alt=”Alt text for image 3 displays here”]/images/greenery-03.jpg[/image]
[image title=”Title test for image 4 displays here” alt=”Alt text for image 4 displays here”]/images/greenery-04.jpg[/image]
[image title=”Title test for image 5 displays here” alt=”Alt text for image 5 displays here”]/images/greenery-05.jpg[/image]
[image title=”Title test for image 6 displays here” alt=”Alt text for image 6 displays here” link_to=”http://google.com”]/images/greenery-06.jpg[/image]
[/fancy_images]

[margin10]

Options:

  • Width – width for all images in the gallery
  • Height – height for all images in the gallery
  • Title – image title shows when large image is displayed
  • Alt text – alternate image text shows when large image is displayed
  • Caption – image caption shows under image
  • Custom link – this will trigger the browser to display that link target rather than the larger image

 

Leave a Reply

Your email address will not be published. Required fields are marked *