Menu

ScrollBox

January 16th, 2013

ScrollBoxsupported Scrolling engines
jQueryCarousel (jQuery)
ScrollBox (Mootools)

supported Popup engines
jQueryLightbox
Milkbox
Pretty Photo

This Plugin creates in your article image scrolling gallery with LightBox effects. Now archive consists of two files. ScrollBox PRO install archive. ScrollBoxButton plugin for default Joomla editor.

USAGE INSTRUCTIONS
The concept is simple. You want to add image galleries inside your articles (content items)! So, create a folder anywhere inside images/stories/, for example call it my_family and upload there all your images. Now create a new content item (or open an existing one) and simply insert {scrollbox}my_family{/scrollbox}, where you want your image scroll gallery to appear. It doesn’t have to be at the end of your article, it can be anywhere you insert it inside your content item. That’s it! Fire up your favorite browser, navigate to your content item et voila! An image scroll gallery inside your content item!

If you want to create a gallery from subfolders inside images/stories/, simple add them like this: {scrollbox}folder/subfolder/othersubfolder{/scrollbox}. In other words, write the path to your target folder without any slashes at the beginning or the end of your path (it’s added automagically!).

Don’t forget to adjust the width and height of each thumbnail and set parameters for scrolling gallery part. So, experiment before going public. Also, set the image quality of the created thumbnails. Low quality means better loading times. For performance issues, prefer not to use more than 16-20 images per content item.

PlugIn support SWF files. For use it you just have to put SWF in the same folder with pictures. For thumbnails you have to create sub folder named ‘flashthumb’ and put there JPG files with the same as SWF name.In case there are no thumbnail for SWF plugin will be use own icon with FLASH sign ‘automagically’.< Keep in mind Plugin replace default mootools library to the mootools 1.2 on the page where it’s working.