JQuery Power Slider banner

 

jQuery PowerSlider Documentation

Beautiful jQuery based sliders in Dreamweaver

box jQuery PowerSlider

With the jQuery PowerSlider Dreamweaver extension you can create great looking jQuery based sliders that will help improve the user experience on your web pages. 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.

Inserting a jQuery PowerSlider in your website

Setting up the page

In order to insert a jQuery PowerSlider in a page, first that page needs to be saved inside a Dreamweaver site. If you don't have a site created check this page for help: http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html

Inserting a slider

Once you have your site and page ready, press the "Insert" button from the insert bar.

jquery powerslider docs insert bar

This will open the main jQuery powerslider interface.

jquery powerslider docs main interface

From this screen you can:

  • Set the slider name (this will be used to identify the slider and its files)
  • Set the slider width and height (this can be modified later)
  • Choose the expected number of slides (this can be modified later)
  • Choose the skin (a predefined look&feel template)
  • Select the color scheme
  • Preview the slider template

After you are done setting the name and dimensions of the slider and you have selected the skin you want to use, press the "Insert" button.

All slider templates can be used withouth further customization. You can start to add your content on the slider. Learn here how to add your content.

If you want to learn how you can customize the slider check the next page from the manual.

 

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