Beautiful jQuery based sliders in Dreamweaver
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.
jQuery PowerSlider manual:
Installing the jQuery PowerSlider Dreamweaver Extension
Locate the JQuery PowerSlider extension in Dreamweaver
How to create an image slider with jQuery PowerSlider
How to create an HTML content slider with jQuery PowerSlider
Select the slider from the page and the Extend Inspector bellow will appear in your Dreamweaver.
On the General tab you can see a list with all the slides from your jQuery PowerSlider.
To vizualise each slide in Design view, you can browse between slides. You can switch between slides by pressing using the next/previous slide buttons on top of the slider.
Adding images on slides
To add an image on a slide press the folder button corresponding to it.
A window will appear where you can browse for the image and select it. The path to the image will appear in the list once it's selected.
If you want to add a new slide to your slider and add an image on it automatically press on the button with an image and a green plus (second on the left).
Adding HTML content
To add a new HTML content box you can press the button with the blue image (second button from the right). A new DIV will be added inside the current slide.
You can add a new HTML content slide by pressing the button with the HTML sign (first button from the left). A new slide with default content will be added in your jQuery PowerSlider.
Content boxes can be moved around in Dreamweaver Design View by drag and drop. Once you select a box an Extend Inspector interface will appear so you can modify the properties of that box.
Removing default content
You can remove all default content from the current slide by pressing the red sign button bellow the list (first button from the right).
Available content and image dimensions
To make content adding simpler we added an additional feature in the General tab.
On the right of the interface you can see a "content dimensions info" box. This box is used by our extensions to display the exact space available for content.
When you insert images its best that their dimensions match the content dimensions shown in that box.