????
Current Path : /home2/morganrand/backup.morganrand.com/ |
Current File : /home2/morganrand/backup.morganrand.com/indexunsliderframe.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: 40px; 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="pompoms.html" target="_parent" ><img src="data2/images/slide_112.jpg" alt="Bridal Centerpiece" width="691" height="503" ></a></li> <li><a href="pompoms.html" target="parent" ><img class="img_slide" src="data2/images/slide_001.jpg" alt="Centerpiece on Table" ></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/candy.jpg" alt="Color Centerpieces" width="691" height="503"></a></li> <li><a href="pompoms.html" target="_parent" ><img class="img_slide" src="data2/images/slide_002.jpg" alt="Color Centerpieces" width="691" height="503"></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/048_large.jpg" alt="Centerpiece on table at party" width="691" height="503" ></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_116.jpg" alt="Color Centerpieces" width="691" height="503"></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_003.jpg" alt="Blue Centerpiece" width="691" height="503" ></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_004.jpg" alt="Multi-colored centerpiece" width="691" height="503"></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_006.jpg" alt="room with centerpieces" width="691" height="503"></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_008.jpg" alt="inscribed centerpieces" width="691" height="503" ></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_114.jpg" alt="ocean centerpiece" width="691" height="503"></a></li> <li><a href="pompoms.html" target="_parent" ><img src="data2/images/slide_113.jpg" alt="centerpieces for your budget" width="691" height="503" ></a></li> <li><a href="pompoms.html" 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>