Hi Steve,
I've looked at your video & I'm still having issues. I've also emailed wow & have not received a reply yet.
If you could look at the code & tell me what I'm doing wrong it would greatly appreciated.
www.midwestthermal.com/temp/test.html
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="CoffeeCup Visual Site Designer, Version 7.0 Build 26 for Windows">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="generator" content="CoffeeCup Visual Site Designer (
www.coffeecup.com)">
<meta name="created" content="Thu, 26 Feb 2015 10:46:04 GMT">
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<title> test </title>
<style type="text/css">
/* TEXT STYLES */
.textstyle0 {font-family:Arial;font-weight:normal;font-style:normal;font-size:15px;text-decoration:none;color:#000000;}
/* OBJECT STYLES */
div.Object1612 { position:absolute; padding-right:5px; top:93px; left:72px; z-index:0; text-align:left; width:107px; }
/* BODY STYLES */
body {
margin:0px;
padding :0px;
text-align:center;
height:100%;
width:100%;
background-color: #c0c0c0;
}
/* LINK STYLES */
A:link { color:#0000ff; text-decoration:none; }
A:visited { color:#800080; text-decoration:none; }
A:active { color:#800080; text-decoration:none; }
A:hover { color:#0000ff; text-decoration:none; }
/* IMAGE STYLES */
img { border:0 none}
/* CONTAINER RULES */
#container { position:relative; margin:0px auto 0 auto; height:600px; width:740px; text-align:left; padding-left:0px;}
</style>
</head>
<body>
<div id="background" style="position:absolute; top:0px; left:0px; z-index:0;">
<table style= "height:600px; background-color:#ffffff;" width="740px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<br>
</td>
</tr>
</table>
</div>
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/8830.jpg" alt="8830" title="8830" id="wows1_0"/></li>
<li><img src="data1/images/8835.jpg" alt="8835" title="8835" id="wows1_1"/></li>
<li><img src="data1/images/bp400.jpg" alt="BP400" title="BP400" id="wows1_2"/></li>
<li><img src="data1/images/spares.jpg" alt="SPARES" title="SPARES" id="wows1_3"/></li>
<li><img src="data1/images/tape.jpg" alt="TAPE" title="TAPE" id="wows1_4"/></li>
<li><img src="data1/images/wire.jpg" alt="WIRE" title="WIRE" id="wows1_5"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="8830"><span><img src="data1/tooltips/8830.jpg" alt="8830"/>1</span></a>
<a href="#" title="8835"><span><img src="data1/tooltips/8835.jpg" alt="8835"/>2</span></a>
<a href="#" title="BP400"><span><img src="data1/tooltips/bp400.jpg" alt="BP400"/>3</span></a>
<a href="#" title="SPARES"><span><img src="data1/tooltips/spares.jpg" alt="SPARES"/>4</span></a>
<a href="#" title="TAPE"><span><img src="data1/tooltips/tape.jpg" alt="TAPE"/>5</span></a>
<a href="#" title="WIRE"><span><img src="data1/tooltips/wire.jpg" alt="WIRE"/>6</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">carousel bootstrap</a> by WOWSlider.com v7.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
</body>
</html>
Steve wrote:Hi Kate,
What you want to do is upload those folders to the same location your website is. I have a good tutorial of how to add a wow slider to your website. It shows how to add it to a responsive layout maker website but it is the same steps for any website add.
https://www.youtube.com/watch?v=P0ZynfOZrNE
Hope this helps.
