WowSlider in iWeb
2012
Here is an answer to a recent question I received.
Just want to let you know I really like your site and what you have done with the WowSlider. I found you through the Apple forum and I’ve checked out some of your other work- very creative!!
I’m wondering if you might be able to point me in the right direction for how to use iWeb (’09 version) with wow slider. I still publish to Mobile Me which will change obviously in June – but for now, I would love add it to my site but I can’t get it to work. I have tried following the instructions from wow slider but I get tripped up when it comes to publishing – since I use mobile I’m not sure how to get it to work. I tried putting it in my disc folders per some of the suggestions I’ve seen on the Apple forums and in some articles – but so far no luck in getting it to work (I feel like an idiot cause I can’t figure it out!!). Since I really like how it looks on your site, I figure I’d come right to the source and ask how you did it!!
I appreciate your time and would welcome any ideas at your convenience. Thanks for the inspiration and I wish you the best in your next endeavor— which I look forward to seeing – whatever that may be!
In my case I uploaded a folder called “slideshow” to my server resulting in a page like this ” http://jeffnitschke.com/slideshow/ ” then I used the view source menu 
to see the html code & then selected all the text “command A on the keyboard”, copied, & pasted the code into a new text edit document “just because it is easier to read & edit then in the little snippet window in iWeb” then anywhere you have a href=” or src=” 
you will need to add your mobileme info something like this ” <link rel=”stylesheet” type=”text/css” http://web.me.com/MMeUsername/slideshow/engine1/style.css” media=”screen” />”
Hope this helps you out. For web hosting I use IX Webhosting they offer lots of 1 click installs like this wordpress blog and have excellent customer service. Their “expert plan” starts at just $3.95 a month and allows for unlimited domains & email address and also comes with 2 dedicated IP address’s. All plans also have unlimited disk space, data transfer, & bandwidth.
hope this helps
Here is the code from my html snippet:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>newslider generated by WOWSlider.com</title>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<meta name=”keywords” content=”newslider, WOW Slider, Simple Slider jQuery, Auto Slider jQuery” />
<meta name=”description” content=”newslider created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow” />
<!– Start WOWSlider.com HEAD section –>
<link rel=”stylesheet” type=”text/css” href=”http://jeffnitschke.com/slideshow/engine1/style.css” media=”screen” />
<style type=”text/css”>a#vlb{display:none}</style>
<script type=”text/javascript” src=”http://jeffnitschke.com/slideshow/engine1/jquery.js”></script>
<!– End WOWSlider.com HEAD section –>
</head>
<body style=”background-color:#ffffff”>
<!– Start WOWSlider.com BODY section –>
<div id=”wowslider-container1″>
<div class=”ws_images”>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/1471.jpg” alt=”1471″ title=”1471″ id=”wows0″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/1553.jpg” alt=”1553″ title=”1553″ id=”wows1″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/2566.jpg” alt=”2566″ title=”2566″ id=”wows2″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/4214.jpg” alt=”4214″ title=”4214″ id=”wows3″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/5053.jpg” alt=”5053″ title=”5053″ id=”wows4″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/5540.jpg” alt=”5540″ title=”5540″ id=”wows5″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/5556.jpg” alt=”5556″ title=”5556″ id=”wows6″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/6396.jpg” alt=”6396″ title=”6396″ id=”wows7″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/6735.jpg” alt=”6735″ title=”6735″ id=”wows8″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/6743.jpg” alt=”6743″ title=”6743″ id=”wows9″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/7310.jpg” alt=”7310″ title=”7310″ id=”wows10″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/7579.jpg” alt=”7579″ title=”7579″ id=”wows11″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/8981.jpg” alt=”8981″ title=”8981″ id=”wows12″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/9519.jpg” alt=”9519″ title=”9519″ id=”wows13″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/9599.jpg” alt=”9599″ title=”9599″ id=”wows14″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/clocktower.jpg” alt=”clocktower” title=”clocktower” id=”wows15″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/flower.jpg” alt=”flower” title=”flower” id=”wows16″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/lawn.jpg” alt=”lawn” title=”lawn” id=”wows17″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/sink.jpg” alt=”sink” title=”sink” id=”wows18″/></a>
<a href=”#”><img src=”http://jeffnitschke.com/slideshow/data1/images/waterski.jpg” alt=”waterski” title=”waterski” id=”wows19″/></a>
</div>
<div class=”ws_bullets”><div>
<a href=”#wows0″ title=”1471″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/1471.jpg” alt=”1471″/>1</a>
<a href=”#wows1″ title=”1553″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/1553.jpg” alt=”1553″/>2</a>
<a href=”#wows2″ title=”2566″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/2566.jpg” alt=”2566″/>3</a>
<a href=”#wows3″ title=”4214″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/4214.jpg” alt=”4214″/>4</a>
<a href=”#wows4″ title=”5053″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/5053.jpg” alt=”5053″/>5</a>
<a href=”#wows5″ title=”5540″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/5540.jpg” alt=”5540″/>6</a>
<a href=”#wows6″ title=”5556″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/5556.jpg” alt=”5556″/>7</a>
<a href=”#wows7″ title=”6396″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/6396.jpg” alt=”6396″/>8</a>
<a href=”#wows8″ title=”6735″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/6735.jpg” alt=”6735″/>9</a>
<a href=”#wows9″ title=”6743″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/6743.jpg” alt=”6743″/>10</a>
<a href=”#wows10″ title=”7310″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/7310.jpg” alt=”7310″/>11</a>
<a href=”#wows11″ title=”7579″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/7579.jpg” alt=”7579″/>12</a>
<a href=”#wows12″ title=”8981″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/8981.jpg” alt=”8981″/>13</a>
<a href=”#wows13″ title=”9519″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/9519.jpg” alt=”9519″/>14</a>
<a href=”#wows14″ title=”9599″><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/9599.jpg” alt=”9599″/>15</a>
<a href=”#wows15″ title=”clocktower”><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/clocktower.jpg” alt=”clocktower”/>16</a>
<a href=”#wows16″ title=”flower”><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/flower.jpg” alt=”flower”/>17</a>
<a href=”#wows17″ title=”lawn”><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/lawn.jpg” alt=”lawn”/>18</a>
<a href=”#wows18″ title=”sink”><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/sink.jpg” alt=”sink”/>19</a>
<a href=”#wows19″ title=”waterski”><img src=”http://jeffnitschke.com/slideshow/data1/tooltips/waterski.jpg” alt=”waterski”/>20</a>
</div></div>
<a style=”display:none” href=”http://wowslider.com”>Text Slider jQuery by WOWSlider.com v1.7m</a>
<div class=”ws_shadow”></div>
</div>
<script type=”text/javascript” src=”http://jeffnitschke.com/slideshow/engine1/script.js”></script>
<!– End WOWSlider.com BODY section –>
</body>
</html>
