????
| Current Path : /home2/morganrand/www/ |
| Current File : /home2/morganrand/www/indexunsliderframewp.html |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.event.move.js"></script>
<script type="text/javascript" src="js/jquery.event.swipe.js"></script>
<script type="text/javascript" src="js/unslider.js"></script>
<style type="text/css">
.banner { position: relative; overflow: hidden; margin:0px; padding:0px; }
.banner ul { list-style: none; overflow: hidden; margin:0px; padding:0px;}
.banner li { list-style: none; overflow: hidden; margin:0px; padding:0px;}
.banner ul li { float: left;overflow: hidden; margin:0px; padding:0px;}
.banner ul li a img{ overflow: hidden; margin:0px; padding:0px;}
.dots {
position: absolute;
left: 0;
right: 0px;
bottom: 0px;
text-align: center;
}
.dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #cc3366;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.dots li.active {
background: #cc3366;
opacity: 1;
}
</style>
</head>
<body style=" overflow: hidden; margin:0px; padding:0px; background:#FFF">
<div class="banner" style="overflow: hidden;">
<ul>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_112.jpg" alt="Bridal Centerpiece" width="691" height="503" ></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img class="img_slide" src="data2/images/slide_001.jpg" alt="Centerpiece on Table" width="691" height="503" ></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/candy.jpg" alt="Color Centerpieces" width="691" height="503"></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img class="img_slide" src="data2/images/slide_002.jpg" alt="Color Centerpieces" width="691" height="503"></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/048_large.jpg" alt="Centerpiece on table at party" width="691" height="503" ></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_003.jpg" alt="Blue Centerpiece" width="691" height="503" ></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_004.jpg" alt="Multi-colored centerpiece" width="691" height="503"></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_006.jpg" alt="room with centerpieces" width="691" height="503"></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_008.jpg" alt="inscribed centerpieces" width="691" height="503" ></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_114.jpg" alt="ocean centerpiece" width="691" height="503"></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_113.jpg" alt="centerpieces for your budget" width="691" height="503" ></a></li>
<li><a href="http://wanderfuls.com/wp/?page_id=84" target="_parent" ><img src="data2/images/slide_111.jpg" alt="woman holding centerpiece" width="691" height="503" ></a></li>
</ul>
</div>
<script>
$(document).ready(function(){
var unslider = $('div.banner').unslider({
speed: 500,
delay: 7000,
dots: true,
autoplay: true,
keys: true,
fluid: false
}),
data = unslider.data('unslider');
var slides = $('div.banner'),
i = 0;
slides
.on('swipeleft', function(e) {
unslider.prev();
})
.on('swiperight', function(e) {
unslider.next();
});
$('.prev').click(function() {
unslider.data('unslider').prev();
});
$('.next').click(function() {
unslider.data('unslider').next();
});
});
</script>
<!-- Hotjar Tracking Code for wanderfuls.com -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:78806,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script></body>
</html>