Inserting JQuery WOW sliders into Dreamweaver

Once you have selected, created and published your slider to a local folder you are ready to insert it into Dreamweaver.

1) Create your slideshow using WOWSlider.
2) Publish it on a local drive in any test folder:

– open Gallery->Properties->Publish or click ‘Publish’ button on the main menu panel;
– select ‘Publish to folder’, click ‘Browse’ button and select any local folder
– click ‘Publish’ button

3) Open index.html file from the saved folder in any text editor (Notepad for example)
or you can:
– open index.html page in any browser
– right click on the page
– select view source of the page.

You’ll find ‘engine’ and ‘data’ folders in this saved folder also.

4) Copy code for the HEAD section and paste it inside the HEAD/BODY section of your own
webpage, for example:

<head>

<!– Start WOWSlider.com HEAD section –>
css” href=”engine1/style.css” media=”screen” />
<style type=”text/css”>a#vlb{display:none}</style>
// <!–[CDATA[–>
javascript” src=”engine1/jquery.js”>
// ]]>
// <!–[CDATA[–>
javascript” src=”engine1/wowslider.js”>
// ]]>
<!– End WOWSlider.com HEAD section –>

</head>

5) Copy code for the BODY section and paste it inside the Body section of your own web
page in the place where you want to have a gallery, for example:

<body>

<!– Start WOWSlider.com BODY section –>

<!– End WOWSlider.com BODY section –>

</body>

6) Notice, you should copy ‘data’ folder with images and ‘engine’ folder with all files
into the same folder with your own webpage.

7) Preview your website in the browser.

Re-blogged from: http://wowslider.com/rq/jquery-images-slider-in-dreamweaver-R.html

 

Advertisements