Art Sexy Lightbox
Art Sexy Lightbox is both a Joomla! plugin and module for displaying photos, galleries, external pages, Picasa album photos, Google Photos, Flickr photos, Photobucket, VirtueMart and any inline content with fancy lightbox effect.
Installation
Install the extension using standard Joomla! installation procedure (Extensions -> Install/Uninstall).
Setup
After that you need to insert plugin code in the article where you want to add the gallery.
Using the plugin shortcodes
{artsexylightbox param="paramvalue"}{/artsexylightbox}
use the {artsexylightbox} shortcode and add params like the above example. The params you can use on Art Sexy Lightbox are listed below:
Option | Type | Notes | Usage Example |
---|---|---|---|
previewWidth | integer | This is the pixel width of the preview. Please write as raw integer (i.e. previewWidth="150") | {artsexylightbox previewWidth="100"}{/artsexylightbox} |
previewHeight | integer | This is the pixel height of the preview. Please write as raw integer (i.e. previewHeight="150") | {artsexylightbox previewHeight="100"}{/artsexylightbox} |
width | integer | This is the pixel width of the content inside lightbox. Please write as raw integer (i.e. width="500") | {artsexylightbox width="500"}{/artsexylightbox} |
height | integer | This is the pixel height of the content inside lightbox. Please write as raw integer (i.e. height="500") | {artsexylightbox height="500"}{/artsexylightbox} |
path | string | The relative path to your image folder. (i.e. images/sampledata/kids) | {artsexylightbox path="images/your_image_path/"}{/artsexylightbox} |
thumbnailPath | string | The relative path to a folder of your custom thumbnails | {artsexylightbox thumbnailPath="images/your_thumb_image_path/"}{/artsexylightbox} |
largeImagePath | string | The path to the large image | {artsexylightbox largeImagePath="images/your_thumb_image_path/"}{/artsexylightbox} |
autoGenerateThumbs | boolean | Auto generate thumbnails (true or false) | {artsexylightbox autoGenerateThumbs="true"}{/artsexylightbox} |
convertImage | string | Manipulate image thumbnails (crop, rotate:30) | {artsexylightbox convertImage="crop"}{/artsexylightbox} |
modal | boolean | Make the lightbox modal (true or false) | {artsexylightbox modal="true"}{/artsexylightbox} |
popup | string | Make the lightbox a popup (true or false) | {artsexylightbox popup="true"}{/artsexylightbox} |
text | string | The text that is clicked on to launch lightbox when using inline content | {artsexylightbox text="Click here to launch Art Sexy Lightbox"}{/artsexylightbox} |
title | string | The text that is used in the them HTML title attribute | {artsexylightbox title="The title here"}{/artsexylightbox} |
hideContent | boolean | true or false (i.e. hideContent="true") For use with inline content. | {artsexylightbox hideContent="true"}{/artsexylightbox} |
singleImage | string | The relative path to your image folder. (i.e. images/sampledata/kids) | {artsexylightbox singleImage="images/sampledata/kids"}{/artsexylightbox} |
showSingleImage | boolean | Show or don't show the the single image | {artsexylightbox showSingleImage="true"}{/artsexylightbox} |
link | string | The link url | {artsexylightbox link="http://yoursite.com"}{/artsexylightbox} |
numberOfImages | integer | The number of images to display | {artsexylightbox numberOfImages="10"}{/artsexylightbox} |
sort | string | asc or desc | {artsexylightbox sort="asc"}{/artsexylightbox} |
alt | string | The alt tag to be applied to HTML img | {artsexylightbox alt="The alt tag here"}{/artsexylightbox} |
caption | string | The caption for a single image | {artsexylightbox cpation="the caption here"}{/artsexylightbox} |
watermark | string | The watermark you want to use. | {artsexylightbox watermark="images/path/to/watermark.jpg"}{/artsexylightbox} |
watermarkPosition | string | topright, topleft, bottomright, bottomleft | {artsexylightbox watermarkPosition="bottomright"}{/artsexylightbox} |
loadJQuery | boolean | Load Art Sexy Lightbox included jQuery library (true or false) | {artsexylightbox loadJQuery="true"}{/artsexylightbox} |
noConflict | boolean | Add jQuery noConflict (true or false) | {artsexylightbox noConflict="true"}{/artsexylightbox} |
article | integer | ID of the article content | {artsexylightbox article="1"}{/artsexylightbox} |
category | boolean | ID of the article category | {artsexylightbox category="1"}{/artsexylightbox} |
articleContentOnly | boolean | Load article content only | {artsexylightbox articleContentOnly="true"}{/artsexylightbox} |
k2category | boolean | ID of the K2 category | {artsexylightbox k2category="1"}{/artsexylightbox} |
k2 | boolean | ID of the K2 item content | {artsexylightbox k2="1"}{/artsexylightbox} |
youtube | string | URL of the youtube video content | {artsexylightbox youtube="https://www.youtube.com/watch?v=CDlmNdSJ0Og"}{/artsexylightbox} |
flickr | boolean | Your FLICKR_ID. | {artsexylightbox flickr="YourFlickrID"}{/artsexylightbox} |
flickrImage | boolean | A specific image from flickr | {artsexylightbox flickrImage="FlickrImageId"}{/artsexylightbox} |
flickrNumberOfImages | integer | The number of images to display | {artsexylightbox flickrNumberOfImages="5"}{/artsexylightbox} |
flickrApiKey | string | Your FLICKR_API_KEY. | {artsexylightbox flickrApiKey="YourApiKey"}{/artsexylightbox} |
flickrThumbSize | integer | Size of the flickr thumbs | {artsexylightbox flickrThumbSize="100"}{/artsexylightbox} |
flickrImageSize | integer | Size of the flickr image | {artsexylightbox flickrImageSize="500"}{/artsexylightbox} |
flickrLargeImages | boolean | true or false (i.e. flickrLargeImages="true") | {artsexylightbox flickrLargeImages="true"}{/artsexylightbox} |
flickrSmallThumbs | boolean | true or false (i.e. flickrSmallThumbs="true") | {artsexylightbox flickrSmallThumbs="true"}{/artsexylightbox} |
picasaUser | string | Your Picasa user | {artsexylightbox picasaUser="YourPicasaUser"}{/artsexylightbox} |
picasaAlbum | string | The picasa album to display | {artsexylightbox picasaAlbum="YourPicasaAlbum"}{/artsexylightbox} |
picasaImageSize | integer | The size of the picasa image | {artsexylightbox picasaImageSize="500"}{/artsexylightbox} |
picasaImage | string | A specific picasa image | {artsexylightbox picasaImage="YourPicasaImage"}{/artsexylightbox} |
picasaLargeImageSize | integer | Size of the large picasa image | {artsexylightbox picasaLargeImageSize="800"}{/artsexylightbox} |
picasaShowAlbumThumbs | boolean | Show all picasa thumbs (true or false) | {artsexylightbox picasaShowAlbumThumbs="true"}{/artsexylightbox} |
photobucket | string | photobucket to load | {artsexylightbox photobucket="YourPhotobucketToLoad"}{/artsexylightbox} |
autoCarousel | boolean | true or false | {artsexylightbox autoCarousel="true"}{/artsexylightbox} |
cloudCarousel | boolean | true or false | {artsexylightbox cloudCarousel="true"}{/artsexylightbox} |
containerWidth | string | Width of the carousel container | {artsexylightbox containerWidth="750"}{/artsexylightbox} |
containerHeight | string | Height of the carousel container | {artsexylightbox containerHeight="750"}{/artsexylightbox} |
titleBox | string | Title for the carousel | {artsexylightbox titleBox="Title box text here"}{/artsexylightbox} |
hideButtons | boolean | Hide the carousel buttons true or false | {artsexylightbox hideButtons="true"}{/artsexylightbox} |
awsAccessKey | string | Amazon Web Services access key | {artsexylightbox}{/artsexylightbox} |
awsSecretKey | string | Amazon Web Services secret key | {artsexylightbox awsSecretKey="YourAmazonWebServiceSecretKey"}{/artsexylightbox} |
awsBucket | string | Amazon Web Services bucket | {artsexylightbox awsBucket="YourAmazonWebServiceBucket"}{/artsexylightbox} |
awsFolder | string | Amazon Web Services folder | {artsexylightbox awsFolder="YourAmazonWebServiceFolder"}{/artsexylightbox} |
imgurClientId | string | Your imgur client id which you must get at Imgur Developer API website | {artsexylightbox imgurClientId="YourImgurClientID"}{/artsexylightbox} |
imgurAlbumId | string | Your imgur album id which you must get at Imgur's website | {artsexylightbox imgurAlbumId="YourImgurAlbumID"}{/artsexylightbox} |
instagramAccessToken | string | Your instagram access token which you must get at Instagram Developer API website | {artsexylightbox instagramAccessToken="YourInstagramAccessToken"}{/artsexylightbox} |
instagramUserId | string | The instagram user id which you would like to load pictures for | {artsexylightbox instagramUserId="YourInstagramUserID"}{/artsexylightbox} |
instagramTag | string | The instagram tag you'd like to load images for | {artsexylightbox instagramTag="YourInstagramTag"}{/artsexylightbox} |