Open Source Photo Gallery and Slideshow JQuery Plug-in: Galleriffic
As more and more websites are incorporating JQuery in their websites, the overall look and feel of the online world is enhancing altogether. As JQuery had made its mark on the web already, each day a new JQuery plug-in is being created. Off late, numerous open source photo gallery and slideshow plug-ins are becoming available to webmasters and Galleriffic is definitely one of the newest. Though it is new in the market, its features are good enough to catch the attention of any webmaster.
Contents
Galleriffic – a brief introduction
The plug-in is available for free for webmasters and as said is an open source script. It has certain built in functionalities which include handling of fade effects, Flash-like transitions etc. However, Galleriffic cannot do any automatic image processing for its users.
Galleriffic – the basic features and usage
The script of Galleriffic actually comes up with some paginated thumbnails that are there on the left side of the image gallery. Another large image of that of the current thumbnail is there on the right side. Using of Galleriffic is quite easy in nature. To view one specific image, user has to click on that particular image. There are options such as previous photo, next photo and using those navigation buttons, users can see other pictures as well. User can use the slideshow feature to watch various pictures as well. Using the arrow keys available in that mode, a user can skip certain images that he does not want to watch during the slideshow.
If you are wondering that whether you can configure the size of the thumbnails to fit to your website or not, then Galleriffic has that option to give you some relief. For each of the thumbnail sets, there are 15 different thumbnails which have been included in the Galleriffic Demo. Using the pagination control, a user can easily page to each of the thumbnail sets. The pagination control is there both below and above the thumbnail section. With each photo, a description and title field is also there and a user can therefore optimize any image for search engines properly.
Galleriffic – how to implement it in your website?
Even for a newbie to JQuery or web design, implementing Galleriffic should not be much of a hassle. When you download the file, there are CSS files, JavaScript files, all specified within separate folders. You can also find the example Galleriffic HTML pages.
Whatever titles or descriptions that you give for any specific image, all that along with the image are saved as an unordered list in the “thumbs” class. The next few steps are quite easy to implement. You need to add these files of this plug-in to your hosting account or web server, whatever you are using. Then make a php call to the plug-in and it is all set to give your website a look and feel that you only have ever imagined.
The whole set-up process should not take more than 15 minutes even for a rookie. However, if you face any problem, give a call to the phone numbers mentioned in the official website of Galleriffic or send an e-mail with screenshots of problems that you are facing. They will get back to you immediately.