Proiect cofinanțat din Fondul European de Dezvoltare Regională prin Programul Operațional Competitivitate 2014-2020

Pentru informații detaliate despre celelate programe cofinanțate de Uniunea Europeană, vă invităm să vizitați Conţinutul acestui material nu reprezintă în mod obligatoriu poziţia oficială a Uniunii Europene sau a Guvernului României

Download a free trial of   jQuery Slideshow Plus


jQuery Slideshow Plus Documentation

Build Great Looking JQuery Slideshows In Dreamweaver!

box jQuery Slideshow Plus

With the jQuery Slideshow Plus Dreamweaver extension you can create great looking jQuery based slideshows that will help you show your pictures in a beautiful and user-friendly way. To save time, you can start from one of the 20 professional designs that come with the product and use the design editor app to customize it and make it blend perfectly with your website. There is no need to code or know jQuery and CSS as all the settings are done quickly from the Dreamweaver interface.

3. Configuring your Slideshow

Opening the Extend Inspector

After inserting a JQuery Slideshow Plus in your HTML page, all Slideshow settings are made from the Extend Inspector. To activate the Extend Inspector, in Design view, click on the blue label just above the slideshow as in the image below:

Activate inspector

The inspector will float above the page, but you can dock it next to the Properties inspector for easier use.

Setting the slideshow main features from the inspector

The Slideshow is the area for the images. Everytime you edit its dimensions a Resize message will appear in the inspector. Click here to find more details about resizing images and the importance of this feature.
You can manage both the Slideshow background and the Slideshow, as they come as two different editable elements and you can set their main features from the Inspector, that comes with several tabs, each one with their own set of settings:

Slideshow main interface

In the General tab you can set the width and height of the slider and add images or HTML content elements in the slides. Also you can notice that all slideshow component have a z-index option, where you can set the stack order of the components into the slideshow area. An element with greater stack order is always in front of an element with a lower stack order.

The Design tab, you can upload a background image, set the position, set borders and padding.

Slideshow main interface

From the the Animation tab you can change the animation settings.

Slideshow main interface

JQuery Slideshow Plus comes up with several animation effects: Slice Down Right, Slice Down Left, Slice Up Right, Slice Up Left, Slice Up Down Right, Slice Up Down Left, Fold, Fade, Box Random, Box Rain Grow.
You can set any of these effects or set them play randomly, from the "Random" option.

In the Animation tab you can also customize the user internaction settings: Stop at user interaction and Pause on hover and the slideshow settings by Autoplay and Loop options.


Download JQuery Slideshow Trial
  • Adobe Dreamweaver CS3
  • Adobe Dreamweaver CS4
  • Adobe Dreamweaver CS5
  • Adobe Dreamweaver CS5.5
  • Adobe Dreamweaver CS6
  • Adobe Dreamweaver CS6