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.

The Menu Bar contains an image and/or text area. Like the thumbnail bar, it is located into a scroll box and indicates information about Slideshow content and it has two back and next scroll buttons which will be enabled when setting the "click buttons" scrolling type from General settings.

Activate inspector

General tab:

  • set dimensions: you can set the width and the height of your slideshow
  • choose the orientation of the menu items: 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 items
  • set the items align: left, right or center
  • choose the menu items 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
 

Thumb Design:

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

Item Design:

  • customize menu items 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 normal, over and selected states of the menu items
 

Item Text:

  • customize the title and the text settings for menu items in normal over and selected states
  • choose font style, font size and font color
  • set the line height: specifies the value in percent of the current font size
  • set padding and borders
  • set the spacing between texts and images
 

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 "reversed" option which makes the tooltip appear in the opposite side of the menu items.
 
 
 
 

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