????
Current Path : /home2/morganrand/backup.morganrand.com/ |
Current File : /home2/morganrand/backup.morganrand.com/shower-centerpieces1.html |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head><script src="//cdn.optimizely.com/js/1865631164.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Shower Centerpieces and Favors; Unique Shower Centerpieces and Decorations for your Shower Celebration</title> <meta name="Description" content="Wanderfuls offers unique Shower Centerpieces and Favors, centerpieces, table centerpieces, and creative shower centerpiece ideas for all events." /> <meta name="Keywords" content="shower centerpieces, wedding shower centerpieces, bridal shower centerpieces, baby shower centerpieces, shower centerpiece, centerpieces for baby shower, unique baby shower centerpieces, baby shower centerpiece, centerpiece for baby shower, wedding shower centerpiece, centerpieces for bridal shower, centerpieces for bridal showers, creative bridal shower centerpieces, unique bridal shower centerpieces, elegant bridal shower centerpieces, wedding centerpieces, centerpieces for wedding, wedding centepiece, shower favor, shower favors" /> <!-- YUI Cross Browser Compatability --> <link rel="stylesheet" href="css/reset-fonts-grids.css" type="text/css"> <link rel="stylesheet" href="party-favors_files/main.css" type="text/css"> <link rel="stylesheet" href="lightbox/lightbox.css" type="text/css"> <style media="screen,projection" type="text/css"> #sweet-sixteen li { list-style-type:none; margin-left:0px; } #sweet-sixteen img { float:left; margin-left: 0px; margin-right: 0px; margin-top: 0px; } #sweet-sixteen h2 { margin-left:10px; } #sweet-sixteen blockquote { margin-left:10px; } #main-image img { margin:0px; } #mitzvah-info p h3{ color:#333333; } /* Image Rotator */ .main_image { margin-left:10px; width: 550px; height: 503px; float: left; background: #333; position: relative; overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/ color: #fff; } .main_image h2 { font-size: 2em; font-weight: normal; margin: 0px 5px 0px 5px; padding: 5px 5px 0px 5px; color:#CCCCCC; } .main_image p { font-size: 1.2 em; line-height: 1.6em; padding: 0px 10px 5px 10px; margin: 0; color:#CCCCCC; } .main_image .block small {margin-left: 10px;} .main_image .desc{ position: absolute; bottom: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/ width: 100%; display: none; /*--Hide description by default, if js is enabled, we will show this--*/ } .main_image .block{ width: 691px; background: #FFF0F0; border-top: 1px solid #000; } .main_image .block h2{ color:#CC3366; font-style:normal; font-weight:bold; font-size:30px; } .main_image .block p{ color:#333333; font-size:18px; } .main_image a.collapse { /*--This is our hide/show tab--*/ background: url(btn_collapse.gif) no-repeat left top; height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 20px; } .main_image a.show {background-position: left bottom;} .image_thumb { float: left; width: 110px; border-right: 1px solid #fff; border-top: 1px solid #ccc; background: #FFF; } .image_thumb img { border: 1px solid #ccc; padding: 5px; background: #FFF; float: left; } .image_thumb ul { margin: 0; padding: 0; list-style: none; } .image_thumb ul li{ margin: 0; padding: 10px 12px; background: #FEE0E4; width: 110px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; } .image_thumb ul li.hover { /*--Hover State--*/ background: #FFF0F0; cursor: pointer; } .image_thumb ul li.active { /*--Active State--*/ background: #FFF0F0; cursor: default; } html .image_thumb ul li h2 { font-size: 1.5em; margin: 5px 0; padding: 0; } .image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 100px; font-size: 8px; } .image_thumb ul li .block h2{ color:#CCCCCC; } .image_thumb ul li p, .image_thumb ul li h2{display: none;}/*--Hide the description on the list items--*/ .bottom-img { padding:10px 10px 9px 10px; } #about-centerpieces { background-color:#FFF0F0; padding:10px; } </style> <!--[if IE 6]> <style> /*--You are using IE 6!--*/ .image_thumb { width:100px; padding:0px; float:right; margin-right:-10px; } .image_thumb ul li{ padding-top:10px; padding-bottom:10px; padding-left:0px; padding-right:5px; } .image_thumb ul li img{ margin-left:5px; } .yui-g { margin-left: -10px; } .bottom-img { padding-right:0px } .scoot { margin-left:-10px; } </style> <![endif]--> <script src="js/AC_RunActiveContent.js" type="text/javascript"></script> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } } } //--> </script> <meta name="msvalidate.01" content="92F346A94A55C94A63519E16B7FA0933" /></head> <body onload="MM_preloadImages('images/shower-centerpieces/down-btn.png','images/shower-centerpieces/hover-btn.png')"> <div id="custom-doc" class="yui-t2"> <div id="hd" style="width:894px;" role="banner"> <!-- // logo --> <table border="0" width="888" cellspacing="0" cellpadding="0"> <tr> <td width="193"> <a href="http://www.wanderfuls.com"><img border="0" src="images/wandlogo.gif" width="193" height="41"></a> </td> <td width="473" valign="bottom" align="left"> <i><font color="#8A1B5F" size="5">All-In-One... Centerpieces and Favors</font></i> </td> <td width="222"> <h1 style="font-size:30px; color:#cc3366; font-style:normal; font-weight:bold; text-align:right; font-family:Arial, Helvetica, sans-serif; float:right;">1-888-837-5021</h1><br /> <!--<div style="float:right; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px">Open until 9PM EST Weekdays</div> --> </td> </tr> </table> <script type="text/javascript"> var vv_account_id = 'yJCjgdTEQR'; var vv_BaseURL = (("https:" == document.location.protocol) ? "https://frontend.id-visitors.com/FrontEndWeb/" : "http://frontend.id-visitors.com/FrontEndWeb/");document.write(unescape("%3Cscript src='" + vv_BaseURL + "Scripts/liveVisit.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript"> try {document.write(unescape("%3Cscript src='" + new_url +"' type='text/javascript'%3E%3C/script%3E"));} catch( err ) {}</script> <!-- OPENTRACKER JAVASCRIPT START --> <script src="https://script.opentracker.net/?site=wanderfuls.com"></script> <!-- OPENTRACKER JAVASCRIPT END --> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- // top navigation bar --> <!--#include file="include/main_nav.txt" --> </div> <div id="bd" role="main"> <div id="yui-main"> <div class="yui-b" style="margin-right:0px;"><div class="yui-g scoot" style="width:691px; margin-right:0px"> <div class="main_image"> <img src="images/shower-centerpieces/mint-white-shower-centerpieces-lg.jpg" alt="Mint and White Bridal Shower Centerpieces" /> <div class="desc"> <div class="block"> <h2>Wanderfuls Shower Centerpieces</h2> <p>Centerpieces for a New Generation.</p> </div> </div> </div> <div class="image_thumb"> <ul> <li> <a href="images/shower-centerpieces/mint-white-shower-centerpieces-lg.jpg"><img src="images/shower-centerpieces/mint-white-shower-centerpieces-sm.jpg" alt="Mint and White Bridal Shower Centerpieces" /></a> <div class="block"> <h2>Wanderfuls Shower Centerpieces</h2> <p>Centerpieces for a New Generation.</p> </div> </li> <li> <a href="images/shower-centerpieces/babyblue-shower-centerpiece-lg.jpg"><img src="images/shower-centerpieces/babyblue-shower-centerpiece-sm.jpg" alt="Baby Blue Baby Shower Centerpieces" /></a> <div class="block"> <h2>With Wanderfuls: Favors = Centerpieces</h2> <p>Why spend twice for Favors and Centerpieces?</p> </div> </li> <li> <a href="images/shower-centerpieces/white-blue-shower-centerpieces-lg.jpg"><img src="images/shower-centerpieces/white-blue-shower-centerpieces-sm.jpg" alt="White and Light Blue Bridal Shower Centerpiece" /></a> <div class="block"> <h2>Personalized Shower Favors</h2> <p>Where each guest takes home a memento.</p> </div> </li> <li> <a href="images/shower-centerpieces/shower-purple-and-lavender-lg.jpg"><img src="images/shower-centerpieces/shower-purple-and-lavender-sm.jpg" alt="Purple and Lavender Bridal Shower Centerpiece" /></a> <div class="block"> <h2>Endless Color Options</h2> <p>Design Your Own! You choose the color and style.</p> </div> </li> <li> <a href="images/shower-centerpieces/white-shower-centerpieces-lg.jpg"><img src="images/shower-centerpieces/white-shower-centerpieces-sm.jpg" alt="White Shower Centerpiece" /></a> <div class="block"> <h2>Tons of Candy Fillings!</h2> <p>Unique Favors with your choice of filling.</p> </div> </li> <li class="bottom-img"> <a href="images/shower-centerpieces/pink-and-chocolate-brown-shower-lg.jpg"><img src="images/shower-centerpieces/pink-and-chocolate-brown-shower.jpg" alt="Pink and Chocolate Shower Centerpieces" /></a> <div class="block"> <h2>Deliver Magic to your table.</h2> <p>Double the Fun. Candy Favors that double as Shower Centerpieces.</p> </div> </li> </ul> </div> <div id="call" class="clear"> <p>To speak with a Wanderfuls designer call <!--#include file="phone1800.txt" --></p></div> </div> </div> </div> <div class="yui-b" style="width:200px;"> <!-- // left navigation --> <!-- <!--#include file="include/left_nav.txt" --> --> <div id="sideNav"> <ul> <li><a href="bridal2.html">Wedding Favor Centepieces</a></li> <li><a href="sweet-16.html">Sweet Sixteen Centerpieces</a></li> <li><a href="anniversary.html">Anniversary Centerpieces</a></li> <li><a href="quinceanera.html">Quinceañera Centerpieces</a></li> <li><a href="birthday.html">Birthday Centerpieces</a></li> <li><a href="bar-mitzvah.html">Bat Mitzvah Centerpieces</a></li> <li><a href="graduation.html">Graduation Centerpieces</a></li> <li><a href="banquets.html">Banquet Centerpieces</a></li> </ul> <ul> <li><a href="holiday2.html">Holiday Color Centerpieces</a></li> <li><a href="festival2.html">Festival Favor Centerpieces</a></li> <li><a href="jewels2.html">Jewel Tone Centerpieces</a></li> <li><a href="themes2.html">Theme Favor Centerpieces</a></li> <li><a href="flowers2.html">Flower Centerpieces</a></li> <li><a href="candy-centerpieces3.html">Candy Centerpieces</a></li><li><a href="flowers.html">Flower Centerpieces</a></li> <li><a href="room-view2.html">Table View</a></li> </ul> <ul> <li><a href="whatarewanderfuls.html#candyoptions">Special Fillings</a></li><li><a href="color-design2.html">Designing Your Bouquet</a></li> <li><a href="order2.html">Centerpiece Order Tips</a></li> <li><a href="catalog2.html">Get Free Catalog</a></li> <li><a href="discounts2.html">Get Discounts for Favors</a></li> <li><a href="contact2.html">Contact Us</a></li> </ul> <ul> <li><a href="room-view2.html">Wanderfuls Room View</a></li> <li><a href="testimonials2.html">Why people love them</a></li> <li><a href="clients.html">Corporate Clients</a></li> </ul> <p>Let your favor double as your centerpiece! <br />And Save money</p> </div ></div> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td><img src="images/pix1.png" alt="0" /></td></tr> </table> <div class="yui-g"> <div id="sweet-sixteen" class="clear" style="width:575px;"> <span class="clear" style="width:575px;"><img src="galleria/img/mitzvah-favors.jpg" alt="Shower Centerpieces and Favors in One" title="Shower Centerpieces and Favors in One" style="margin-bottom:15px;"/></span> <h2 style="font-style: normal; font-weight:bold;">Bridal Shower Centerpieces</h2> <p style="font-size:18px; margin-top:10px;" ><strong>Shower Centerpieces</strong> are candy favors designed by YOU for YOUR party! Available in different colors and sizes, they can be customized to fit any occasion. Like flowers but better because each guest gets to take their <a href="color-design2.html">personalized party favor</a> home with them! Infuse your Bridal Shower celebration with enchantment with <strong>Wanderfuls Shower Centerpieces!</strong></p> <blockquote style="font-weight:bolder; margin-top:40px; width: 300px; font-size: 15px;" class="clear">"Wanderfuls really made our tables sparkle! Everyone kept commenting on how creative and beautiful they were. We're so glad that we made Wanderfuls a part of our daughter's special day." </blockquote> <a href="images/shower-centerpieces/elizabeth-lg.jpg" rel="lightbox" title="Golden and Ivory Centerpiece"> <img src="images/shower-centerpieces/elizabeth.jpg" alt="Golden and Ivory Centerpiece" style="margin-top:-40px; margin-right:15px; margin-bottom:35px; float:right;"/></a> <p style="margin-left:100px; margin-bottom:25px; " >-- Debbie and Dan Lynch</p> <h2>Try our Free Online Design Tool!</h2> <table border="0" cellpadding="0" cellspacing="0" style="margin-top:15px; margin-left:25px;"> <tr> <td><a href="https://wedding-.ipower.com/ecommerce/os/catalog/index.php" target="_top" onclick="MM_nbGroup('down','group1','Design_tool','images/shower-centerpieces/down-btn.png',1)" onmouseover="MM_nbGroup('over','Design_tool','images/shower-centerpieces/hover-btn.png','images/shower-centerpieces/down-btn.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/shower-centerpieces/up-btn.png" alt="Design Tool" name="Design_tool" width="166" height="48" border="0" id="Design_tool" onload="" /></a></td> </tr> </table> </div> <div id="about-centerpieces" style="margin-bottom:30px; margin-right:5px; width:275px"><a href="images/shower-centerpieces/babypink-shower-centerpieces-lg.jpg" rel="lightbox" title="Customized Centerpieces and Favors"><img src="images/shower-centerpieces/babypink-shower-centerpieces-med.jpg" alt="Pink Baby Shower Centepriece and Favors" /></a></a> <h3 style="font-weight:bold;">Wanderful's Baby Shower Centerpieces</h3></a> <p style="margin-bottom:25px;">Imagine something NEW for your event! Call NOW to speak to a Wanderfuls Designer who will help create a personalized and customized <strong>Baby Shower Centerpieces</strong> filled with your choice of <a href="fillings2.html">gourmet candy filling.</a></p> <a href="whatarewanderfuls.html#target1"><img src="images/design_centerpiece/color-pom.jpg" alt="Pom Pom Colors" style="margin-left:25px;"/></a> </div> </div> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/pix1.png" alt="0" /></td> </tr> </table> <div id="plus-centerpiece" class="clear"> <div id="desc"> <img src="images/wedding-favor/party-favor2.jpg" alt="Party Favors" style="margin-left:15px"/> <img src="images/wedding-favor/favor-holder2.jpg" alt="Favor Holder" style="margin-left:115px"/> <img src="images/wedding-favor/bouquet2.jpg" alt="Bouquet!!!" style="margin-left:162px"/> </div> <div id="favors"> <img src="images/wedding-favor/purple-favors-plus2.jpg" alt="Lavender Shower Party Favors" /> <img src="images/wedding-favor/holder-equal2.jpg" alt="Holder For Centerpieces" /> <img src="images/wedding-favor/purple-wedding-centerpiece-301.jpg" alt="Lavender Shower Centerpiece" /> </div></div> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td><img src="images/pix1.png" alt="0" /></td></tr> </table> <div id="color" style="float:right; width:300px; margin-right:0px;"> <h3>Shower Centepiece Gallery</h3> <p>YOU CHOOSE - Our customized centerpieces are made to fit your event.</p> <ul class="thumb"> <li><a href="images/shower-centerpieces/blue-shower-centepieces-lg.jpg" rel="lightbox" title="Customized Shower Favors and Centerpieces in White and Blue"><img src="images/shower-centerpieces/blue-shower-centepieces-med.jpg" alt="White and Blue Shower Party Favors" /></a></li> <li><a href="images/shower-centerpieces/lavender-bridal-shower-centerpieces-lg.jpg" rel="lightbox" title="Lavender Shower Favors and Centerpieces"><img src="images/shower-centerpieces/lavender-bridal-shower-centeprieces-med.jpg" alt="Lavender Shower Favors and Centerpieces" /></a></li> <li><a href="images/shower-centerpieces/pink-blue-shower-centerpieces-lg.jpg" rel="lightbox" title="Pink and Baby Blue Personalized Shower Centerpieces"><img src="images/shower-centerpieces/pink-blue-shower-centerpieces-med.jpg" alt="Pink and Baby Blue Personalized Shower Centerpieces" /></a></li> <li><a href="images/shower-centerpieces/navy-and-baby-blue-shower-favors-lg.jpg" rel="lightbox" title="Navy and Blue Personalized Shower Favors and Centerpieces"><img src="images/shower-centerpieces/navy-and-baby-blue-shower-favors-med.jpg" alt="Navy and Blue Personalized Shower Favors and Centerpieces" /></a></li> <li><a href="images/sweet-16-favors/yellow-sweet-16-centerpiece.jpg" rel="lightbox" title="Yellow Personalized Shower Favors and Centerpieces"><img src="images/sweet-16-favors/yellow-sweet-16-centerpiece.jpg" alt="Yellow Shower Centerpieces" /></a></li> <li><a href="images/shower-centerpieces/black-and-gold-shower-centerpiece-lg.jpg" rel="lightbox" title="White and Pink Personalized Shower Favors and Centerpieces"><img src="images/shower-centerpieces/black-and-gold-shower-centerpiece-med.jpg" alt="White and Pink Favors and Centerpieces" /></a></li> </ul> <div id="callFooter"> <p>For personalized help call<br /><!--#include file="phone1800.txt" --></p> </div></div> <div id="about-design-tool" style="width:500px; float:left;"> <h2>Personalized Shower Favors</h2> <p>You can have your <strong>Shower Favors</strong> imprinted with the name and date of your event. Every guest loves to take a home a memento, so make sure they can remember your special day forever.</p> <a href="images/wedding-favor/room-close-up.jpg" rel="lightbox" title="Personalized Shower Party Favors"><span class="clear" style="width:500px;"><a href="images/wedding-favor/room-close-up.jpg" rel="lightbox" title="Personalized Mint Shower Party Favors"><img src="images/wedding-favor/mint-personalized-favors.jpg" alt="Personalized Mint Party Favors" style="margin-top:10px; margin-bottom:10px;" /></a> <p>Ready to customize your own bouquet?<br />Visit our <a href="color-design2.html">Build Your Bouquet</a> page, try our design tool and create your own unique centerpiece.</p> </div> </div> </div> <div id="ft" role="contentinfo"> <!-- // bottom navigation --> <div id="footerLinks"> <ul> <li><a href="bridal2.html">Bridal Colors</a></li> <li><a href="holiday2.html">Holidays Colors</a></li> <li><a href="festival2.html">Festival Colors</a></li> <li><a href="room-view2.html">Room View</a></li><li><a href="testimonials2.html">Testimonials</a> </li> <li><a href="catalog2.html">Free Catalog</a></li> <!-- <li><a href="https://wanderfuls.com/store">Store</a></li> --> </ul> </div> <div id="footerInfo"> <ul> <li><a href="drooms.html">Design Rooms</a></li> <li><a href="whatarewanderfuls.html">What Are Wanderfuls?</a></li> <li><a href="whatarewanderfuls.html#candyoptions">Special Fillings</a></li><li><a href="order2.html">Order Tips</a></li> <li><a href="discounts.php">Discounts</a></li> <li><a href="testimonials2.html">Why people love them</a></li> </ul> </div> <!-- Google Code for Remarketing tag --> <!-- Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. For instructions on adding this tag and more information on the above requirements, read the setup guide: google.com/ads/remarketingsetup --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 1072474348; var google_conversion_label = "v7WbCJGT1AMQ7NGy_wM"; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="wanderfuls" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1072474348/?value=0&label=v7WbCJGT1AMQ7NGy_wM&guid=ON&script=0"/> </div> </noscript> </div> </div> <!-- // google analytics, etc. --><div id="copyright"> Copyright © 1994-2015 Wanderfuls. All rights reserved. </div> <!--#include file="include/tracking_scripts.txt" --><!-- javascript coding --> <!-- Full version of jQuery Tools + jQuery 1.3.2 --> <script type="text/javascript" src="galleria/jquery.min.js"></script> <script type="text/javascript" src="lightbox/lightbox.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability $('ul.gallery_demo').galleria({ history : true, // activates the history object for bookmarking, back-button etc. clickNext : true, // helper for making the image clickable insert : '#main_image', // the containing selector for our main image onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes // fade in the image & caption image.css('display','none').fadeIn(1000); caption.css('display','none').fadeIn(1000); // fetch the thumbnail container var _li = thumb.parents('li'); // fade out inactive thumbnail _li.siblings().children('img.selected').fadeTo(500,0.3); // fade in active thumbnail thumb.fadeTo('fast',1).addClass('selected'); // add a title for the clickable image image.attr('title','Next image >>'); }, onThumb : function(thumb) { // thumbnail effects goes here // fetch the thumbnail container var _li = thumb.parents('li'); // if thumbnail is active, fade all the way. var _fadeTo = _li.is('.active') ? '1' : '0.3'; // fade in the thumbnail when finnished loading thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500); // hover effects thumb.hover( function() { thumb.fadeTo('fast',1); }, function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active ) } }); }); //rotator $(".main_image .desc").show(); //Show Banner $(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity $(".image_thumb ul li:first").addClass('active'); //Add the active class (highlights the very first list item by default) $(".image_thumb ul li").click(function(){ //Set Variables var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL var imgDesc = $(this).find('.block').html(); //Get HTML of the "block" container var imgDescHeight = $(".main_image").find('.block').height(); //Find the height of the "block" if ($(this).is(".active")) { //If the list item is active/selected, then... return false; // Don't click through - Prevents repetitive animations on active/selected list-item } else { //If not active then... //Animate the Description $(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() { //Pull the block down (negative bottom margin of its own height) $(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250 ); //swap the html of the block, then pull the block container back up and set opacity $(".main_image img").attr({ src: imgTitle , alt: imgAlt}); //Switch the main image (URL + alt tag) }); } //Show active list-item $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all list-items $(this).addClass('active'); //Add class of 'active' on the selected list return false; }) .hover(function(){ //Hover effects on list-item $(this).addClass('hover'); //Add class "hover" on hover }, function() { $(this).removeClass('hover'); //Remove class "hover" on hover out }); $("a.collapse").click(function(){ $(".main_banner .block").slideToggle(); //Toggle the description (slide up and down) $("a.collapse").toggleClass("show"); //Toggle the class name of "show" (the hide/show tab) }); </script> <!-- Start of LiveChat (www.livechatinc.com) code --> <script type="text/javascript"> var __lc = {}; __lc.license = 6479331; (function() { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script> <!-- End of LiveChat code --> <!-- 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>