An unexpected error occurred. Please try again later.

jQuery Slide Gallery

Image gallery with responsive design. Based on jQuery, has fullscreen and slideshow modes. Different scroll orientation and thumbnails position.

Image gallery with responsive design. Based on jQuery, has fullscreen and slideshow modes. Different scroll orientation and thumbnails position.


Slide Gallery is an excellent and easy way to showcase your images at your site pages in a beautiful and modern interface. Slide Gallery is powered by jQuery and it has clear and comprehensible Wizard, you can easily set up, change appearance and edit the content of the gallery without digging into CSS files or code! So you don't need to be an expert in web design and to know programming languages to add professionally looking gallery to your site. You can change the layout of the component to make gallery scroll images horizontally or vertically and place thumbnails panel and categories list at the top and bottom or at the left and right sides. Just insert the gallery into your page and change parameters through Wizard according your design to match the site theme. jQuery Slide Gallery has a flexible size, you can set 100% width, so the gallery will be stretched across the entire container and all the gallery elements, like categories list and thumbnails panel will be aligned and position accordingly. You can hide categories list, thumbnails panel and of course controls. Add the description that can be formatted using HTML to your slides and it will be shown in an animated popup by a mouse click on an info icon. Gallery has fullscreen and slideshow modes with different parameters to customize, including animation easing effect, duration and delay of the transition.


- Customization
There is no need to dig into CSS files to make some changes in gallery style. Build your own unique appearance by simply editing the default, through User Inerface, without coding any JavaScript and CSS code at all.

- Gallery editor
You can easily create necessary slideshow using gallery structure editor. Through the gallery editor you can add or remove categories and slides, move them up, down, or add the description.

- HTML description
It is possible to add HTML code in the image description, including hyperlinks to other site pages.

- Hardware acceleration
Gallery is using hardware acceleration, which improves the rendering speed, performance, and making animation smoother, which is especially noticeable in mobile devices.

- Width mode
Width can be set to 100%, which allows you to show the photos stretched across the entire container or to shrink the item so that it can be viewed entirely without any cropping.

- Fullscreen mode
The fullscreen option expands the gallery to fill the available browser space.

- Gallery orientation
Gallery can have landscape or portrait layout. Categories list and thumbnails panel can be placed horizontally (above or below) or vertically (left or right) of the main slide.

- Multiple albums
Gallery can be divided into many albums.

- Slideshow
Images can be set to rotate automatically, with a timer line to show the time remaining until the next image is displayed.

- Scroll animations
You can change easing effects, duration and delay of the transitions and set loop option.

- Show/Hide Controls
You have the option to hide and show on hover the arrow buttons, hide timer line, categories and even thumbnails.



1.0.1 - minor fixes.
1.0.2 - fixed insert into template-based page.
1.0.3 - extension includes timestamp signature.
1.0.4 - extension update.
1.0.5 - name update.

Dreamweaver CS3-CS6 Users! Please contact us via email: support@solutions4website.com in order to get the extension for your Dreamweaver version and don't forget to attach your Adobe receipt!

You can access this extension through Insert > Solutions4Website > jQuery Slide Gallery.

For the Help section, on-line demos and more information about the extension you can click here:

More By This Producer: