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:

Plugin Shortcode Params
OptionTypeNotesUsage Example
previewWidthintegerThis is the pixel width of the preview. Please write as raw integer (i.e. previewWidth="150"){artsexylightbox previewWidth="100"}{/artsexylightbox}
previewHeightintegerThis is the pixel height of the preview. Please write as raw integer (i.e. previewHeight="150"){artsexylightbox previewHeight="100"}{/artsexylightbox}
widthintegerThis is the pixel width of the content inside lightbox. Please write as raw integer (i.e. width="500"){artsexylightbox width="500"}{/artsexylightbox}
heightintegerThis is the pixel height of the content inside lightbox. Please write as raw integer (i.e. height="500"){artsexylightbox height="500"}{/artsexylightbox}
pathstringThe relative path to your image folder. (i.e. images/sampledata/kids){artsexylightbox path="images/your_image_path/"}{/artsexylightbox}
thumbnailPathstringThe relative path to a folder of your custom thumbnails{artsexylightbox thumbnailPath="images/your_thumb_image_path/"}{/artsexylightbox}
largeImagePathstringThe path to the large image{artsexylightbox largeImagePath="images/your_thumb_image_path/"}{/artsexylightbox}
autoGenerateThumbsbooleanAuto generate thumbnails (true or false){artsexylightbox autoGenerateThumbs="true"}{/artsexylightbox}
convertImagestringManipulate image thumbnails (crop, rotate:30){artsexylightbox convertImage="crop"}{/artsexylightbox}
modalbooleanMake the lightbox modal (true or false){artsexylightbox modal="true"}{/artsexylightbox}
popupstringMake the lightbox a popup (true or false){artsexylightbox popup="true"}{/artsexylightbox}
textstringThe text that is clicked on to launch lightbox when using inline content{artsexylightbox text="Click here to launch Art Sexy Lightbox"}{/artsexylightbox}
titlestringThe text that is used in the them HTML title attribute{artsexylightbox title="The title here"}{/artsexylightbox}
hideContentbooleantrue or false (i.e. hideContent="true") For use with inline content.{artsexylightbox hideContent="true"}{/artsexylightbox}
singleImagestringThe relative path to your image folder. (i.e. images/sampledata/kids){artsexylightbox singleImage="images/sampledata/kids"}{/artsexylightbox}
showSingleImagebooleanShow or don't show the the single image{artsexylightbox showSingleImage="true"}{/artsexylightbox}
linkstringThe link url{artsexylightbox link="http://yoursite.com"}{/artsexylightbox}
numberOfImagesintegerThe number of images to display{artsexylightbox numberOfImages="10"}{/artsexylightbox}
sortstringasc or desc{artsexylightbox sort="asc"}{/artsexylightbox}
altstringThe alt tag to be applied to HTML img{artsexylightbox alt="The alt tag here"}{/artsexylightbox}
captionstringThe caption for a single image{artsexylightbox cpation="the caption here"}{/artsexylightbox}
watermarkstringThe watermark you want to use.{artsexylightbox watermark="images/path/to/watermark.jpg"}{/artsexylightbox}
watermarkPositionstringtopright, topleft, bottomright, bottomleft{artsexylightbox watermarkPosition="bottomright"}{/artsexylightbox}
loadJQuerybooleanLoad Art Sexy Lightbox included jQuery library (true or false){artsexylightbox loadJQuery="true"}{/artsexylightbox}
noConflictbooleanAdd jQuery noConflict (true or false){artsexylightbox noConflict="true"}{/artsexylightbox}
articleintegerID of the article content{artsexylightbox article="1"}{/artsexylightbox}
categorybooleanID of the article category{artsexylightbox category="1"}{/artsexylightbox}
articleContentOnlybooleanLoad article content only{artsexylightbox articleContentOnly="true"}{/artsexylightbox}
k2categorybooleanID of the K2 category{artsexylightbox k2category="1"}{/artsexylightbox}
k2booleanID of the K2 item content{artsexylightbox k2="1"}{/artsexylightbox}
youtubestringURL of the youtube video content{artsexylightbox youtube="https://www.youtube.com/watch?v=CDlmNdSJ0Og"}{/artsexylightbox}
flickrbooleanYour FLICKR_ID.{artsexylightbox flickr="YourFlickrID"}{/artsexylightbox}
flickrImagebooleanA specific image from flickr{artsexylightbox flickrImage="FlickrImageId"}{/artsexylightbox}
flickrNumberOfImagesintegerThe number of images to display{artsexylightbox flickrNumberOfImages="5"}{/artsexylightbox}
flickrApiKeystringYour FLICKR_API_KEY.{artsexylightbox flickrApiKey="YourApiKey"}{/artsexylightbox}
flickrThumbSizeintegerSize of the flickr thumbs{artsexylightbox flickrThumbSize="100"}{/artsexylightbox}
flickrImageSizeintegerSize of the flickr image{artsexylightbox flickrImageSize="500"}{/artsexylightbox}
flickrLargeImagesbooleantrue or false (i.e. flickrLargeImages="true"){artsexylightbox flickrLargeImages="true"}{/artsexylightbox}
flickrSmallThumbsbooleantrue or false (i.e. flickrSmallThumbs="true"){artsexylightbox flickrSmallThumbs="true"}{/artsexylightbox}
picasaUserstringYour Picasa user{artsexylightbox picasaUser="YourPicasaUser"}{/artsexylightbox}
picasaAlbumstringThe picasa album to display{artsexylightbox picasaAlbum="YourPicasaAlbum"}{/artsexylightbox}
picasaImageSizeintegerThe size of the picasa image{artsexylightbox picasaImageSize="500"}{/artsexylightbox}
picasaImagestringA specific picasa image{artsexylightbox picasaImage="YourPicasaImage"}{/artsexylightbox}
picasaLargeImageSizeintegerSize of the large picasa image{artsexylightbox picasaLargeImageSize="800"}{/artsexylightbox}
picasaShowAlbumThumbsbooleanShow all picasa thumbs (true or false){artsexylightbox picasaShowAlbumThumbs="true"}{/artsexylightbox}
photobucketstringphotobucket to load{artsexylightbox photobucket="YourPhotobucketToLoad"}{/artsexylightbox}
autoCarouselbooleantrue or false{artsexylightbox autoCarousel="true"}{/artsexylightbox}
cloudCarouselbooleantrue or false{artsexylightbox cloudCarousel="true"}{/artsexylightbox}
containerWidthstringWidth of the carousel container{artsexylightbox containerWidth="750"}{/artsexylightbox}
containerHeightstringHeight of the carousel container{artsexylightbox containerHeight="750"}{/artsexylightbox}
titleBoxstringTitle for the carousel{artsexylightbox titleBox="Title box text here"}{/artsexylightbox}
hideButtonsbooleanHide the carousel buttons true or false{artsexylightbox hideButtons="true"}{/artsexylightbox}
awsAccessKeystringAmazon Web Services access key{artsexylightbox}{/artsexylightbox}
awsSecretKeystringAmazon Web Services secret key{artsexylightbox awsSecretKey="YourAmazonWebServiceSecretKey"}{/artsexylightbox}
awsBucketstringAmazon Web Services bucket{artsexylightbox awsBucket="YourAmazonWebServiceBucket"}{/artsexylightbox}
awsFolderstringAmazon Web Services folder{artsexylightbox awsFolder="YourAmazonWebServiceFolder"}{/artsexylightbox}
imgurClientIdstringYour imgur client id which you must get at Imgur Developer API website{artsexylightbox imgurClientId="YourImgurClientID"}{/artsexylightbox}
imgurAlbumIdstringYour imgur album id which you must get at Imgur's website{artsexylightbox imgurAlbumId="YourImgurAlbumID"}{/artsexylightbox}
instagramAccessTokenstringYour instagram access token which you must get at Instagram Developer API website{artsexylightbox instagramAccessToken="YourInstagramAccessToken"}{/artsexylightbox}
instagramUserIdstringThe instagram user id which you would like to load pictures for{artsexylightbox instagramUserId="YourInstagramUserID"}{/artsexylightbox}
instagramTagstringThe instagram tag you'd like to load images for{artsexylightbox instagramTag="YourInstagramTag"}{/artsexylightbox}