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.

Thumbnails Bar

The Thumbnails Bar contains a scroll box with all the images inserted in the Slideshow. It also has two back and next scroll buttons which will be enabled when setting the "click buttons" scrolling type from General settings.

thumbnails bar

The Thumbnails Bar has six main tabs with several parameters to customize:

General tab:

  • set dimensions: you can set the width and the height of your slideshow
  • choose the orientation of the thumbnails bar: vertical or horizontal
  • choose scrolling type - click buttons, hover precise or none
  • edit the dimensions of the items
  • set the item spacing: this is the distance between thumbnail items
  • set the items align: left, right or center
  • choose the thumbnail bar position within the slideshow area and control it from the offset x and offset y parameters
  • set a z-index value: this property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.

Design Tab:

  • customize the options for normal and over states:
  • upload a background image and set background position
  • set a background color
  • choose the opacity of the background
  • enable the scale background feature to resize automatically any background image you choose
  • add padding and borders

Animation Tab:

  • enable "Hide navigation on mouseout" option and choose one of the effects
  • choose the easing effect
  • choose the effect duration

Item Design:

  • customize thumbnail items for normal, over and selected states
  • upload a background image and set background position
  • set a background color
  • set padding and borders

Thumb Design:

  • customize thumb for normal, over and selected states
  • upload a background image and set background position
  • set a background color
  • set padding and borders
  • choose an opacity value for the thumbs normal, over and selected states

Tooltip Design:

  • set tooltip dimensions
  • choose one of the animation effects
  • upload a background image and set background position
  • set a background color
  • set padding and borders
  • enable "rversed" option which makes the tooltip appear in the opposite side of the thumbnail bar.
 
 
 
 

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