starlight1992 Posted May 19, 2015 Share Posted May 19, 2015 Alright, so I am trying to add a slideshow to this website --> http://freedomcreativesolutions.com/old/steamsource/ I've downloaded a jquery slideshow called "WOW slider" and have followed the necessary steps but as you can see, it's not working. Need to figure out what it is that I am doing wrong. Here's my code. INDEX.PHP : <?php include('inc/default.php'); $pageName = "home"; $pageTitle = "Residential and Commercial Cleaning in Winston-Salem, Greensboro and Kernersville, NC - Steam Source"; $pageDisc = "We offer a full line of residential and commercial services including carpet cleaning, upholstery cleaning, pressure washing, window cleaning, pet odor removal, carpet stain removal, tile and grout cleaning and more!"; $pageKeywords = "carpet cleaning, upholstery cleaning, pressure washing, window cleaning, pet odor removal, carpet stain removal, tile and grout cleaning, winston salem, greensboro, kernersville"; ?> <!doctype html> <html> <?php include('inc/head.php'); ?> <body> <?php include('inc/header.php'); ?> <!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1"> <div class="ws_images"><ul> <li><img src="data1/images/residentialcleaning.jpg" alt="We're Serious about Clean!" title="We're Serious about Clean!" id="wows1_0"/></li> <li><img src="data1/images/seamrepair.jpg" alt="" title="" id="wows1_1"/></li> <li><a href="http://wowslider.com"><img src="data1/images/back_kitchen_tile.jpg" alt="simple jquery slider" title="" id="wows1_2"/></a></li> <li><img src="data1/images/commercialcarpetcleaning.jpg" alt="" title="" id="wows1_3"/></li> </ul></div> <div class="ws_bullets"><div> <a href="#" title="We're Serious about Clean!"><span><img src="data1/tooltips/residentialcleaning.jpg" alt="We're Serious about Clean!"/>1</span></a> <a href="#" title=""><span><img src="data1/tooltips/seamrepair.jpg" alt=""/>2</span></a> <a href="#" title=""><span><img src="data1/tooltips/back_kitchen_tile.jpg" alt=""/>3</span></a> <a href="#" title=""><span><img src="data1/tooltips/commercialcarpetcleaning.jpg" alt=""/>4</span></a> </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">javascript slider</a> by WOWSlider.com v7.9</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 --> <section class="halfbar"> <div class="middle-logo"> <img src="<?php echo $baseUrl; ?>img/split-logo.png"> </div> <a href="<?php echo $baseUrl; ?>residential"> <div class="res-half"> <img src="<?php echo $baseUrl; ?>img/res-icon-w.svg"> <p>Residential</p> </div> </a> <a href="<?php echo $baseUrl; ?>commercial"> <div class="com-half"> <img src="<?php echo $baseUrl; ?>img/com-icon-w.svg"> <p>Commercial</p> </div> </a> <div style="clear:both"></div> </section> <section style="background:#fff; padding-top: 40px;"> <div class="wrapper"> <div class="col6"> <div class="smallbox"> <i class="fa fa-check-square-o fa-2x fa-fw"></i><h3>Steam Source Strives To Be The Best</h3> <p>Steam Source takes great pride in our service, reputation and extensive experience and knowledge in the carpet cleaning industry. Our team strives to consistently provide superior service, state of the art equipment and an experienced staff to each and every client with each and every visit. At Steam Source, we're serious about clean.</p> </div> <div class="smallbox"> <i class="fa fa-lock fa-2x fa-fw"></i><h3>Steam Source is Fully Insured & Bonded</h3> <p>We know having a stranger come to your home can be a stressful experience and we aim to remove all hesitations and reservations you may have. Don’t take the risk of hiring an uninsured cleaner. We provide the safety, security, and peace of mind for you by making sure all of our technicians are insured and bonded!</p> </div> </div> <div class="col6 last"> <div class="smallbox"> <i class="fa fa-shield fa-2x fa-fw"></i><h3>Steam Source Is Safe And Reliable</h3> <p>Steam Source conducts thorough background checks and drug screenings on all our technicians. Our uniformed technicians provide an inspection of all carpets and upholstery with every customer prior to all cleanings. We strive to give all of our customers the best experince, service and clean everytime. We are also proud members of the BBB.</p> </div> <div class="smallbox"> <i class="fa fa-check-square-o fa-2x fa-fw"></i><h3>Expertly Trained & Experienced Staff</h3> <p>We realize that there are many different and often confusing choices available in our industry. Avoid the costly mistakes and headaches that can happen when you hire an under trained, uneducated, unethical or perhaps even downright unscrupulous cleaner. Hire our professionally trained staff for all your cleaning needs.</p> </div> </div> <div style="clear:both"></div> </div> </section> <section class="col12 triple"> <div class="wrapper"> <div class="col4 trip" style="position:relative;"> <div style="position:absolute; margin:auto; top:150px; left:0; right:0; text-align:center;"> <i class="fa fa-users fa-5x fa-fw" style="color:#fff;"></i> </div> <img src="<?php echo $baseUrl; ?>img/bedroom.jpg"> <div class="trip-text"> <h3>Highly Trained Cleaning Service Professionals.</h3> <p>We use the hot water extraction method also known as steam cleaning. This removes the toughest and deepest dirt safely and gently. Hot, soft water and a specially formulated cleaning solution is injected deep within the carpet fibers. Then a powerful suction extracts deep-down dirt, allergens, cleaning solution and 95% of the moisture. No other method can provide a deeper clean that lasts as long. Our technicians move furniture free of charge and place coasters underneath furniture to protect carpets until they are dry.</p> </div> </div> <div class="col4 trip" style="position:relative;"> <div style="position:absolute; margin:auto; top:150px; left:0; right:0; text-align:center;"> <i class="fa fa-trophy fa-5x fa-fw" style="color:#fff;"></i> </div> <img src="<?php echo $baseUrl; ?>img/room.jpg"> <div class="trip-text"> <h3>Award Winning Commitment To Clean!</h3> <p>Steam Source Carpet & Upholstery Cleaning understands where you live and where you work are the two most important places in the world to you and your family. That's why we're committed to providing homes and businesses in the Winston-Salem, Greensboro, Kernersville and surrounding areas like yours, with a cleaner, healthier and more beautiful indoor environment.</p> </div> </div> <div class="col4 last trip" style="position:relative;"> <div style="position:absolute; margin:auto; top:150px; left:0; right:0; text-align:center;"> <i class="fa fa-thumbs-up fa-5x fa-fw" style="color:#fff;"></i> </div> <img src="<?php echo $baseUrl; ?>img/girl.jpg"> <div class="trip-text"> <h3>You'll Love Our Work, We Guarantee It!</h3> <p>We provide a free fifteen day warranty on all of our services. If for any reason you are not completely satisfied please contact our office as soon as possible so we can correct the issue. Meaning if any spot wicks back through or doesn’t come out as well as you would have liked, just give us a call within fifteen days of the cleaning and we will send a cleaning specialist out to work on those areas free of charge.</p> </div> </div> </div> <div style="clear:both"></div> </section> <?php include('inc/cta.php'); ?> <?php include('inc/social.php'); ?> <?php include('inc/footer.php'); ?> </body> </html> HEAD.PHP: <head> <meta charset="utf-8"> <meta name="keywords" content="<?php echo $pageKeywords; ?>"> <meta name="description" content="<?php echo $pageDisc; ?>"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="robots" content="noindex, nofollow"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/normalize.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/grid.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600,800|Maven+Pro' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/scrollToTop.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/accordion.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/easing.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/slideshow.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/font-awesome.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/reveal.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/jquery.simplyscroll.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/layout.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/mob-layout.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/responsive-nav.css"> <link rel="stylesheet" type="text/css" href="<?php echo $baseUrl; ?>css/animate.css"> <title><?php echo $pageTitle; ?></title> <!-- Start WOWSlider.com HEAD section --> <link rel="stylesheet" type="text/css" href="engine1/style.css" /> <script type="text/javascript" src="engine1/jquery.js"></script> <!-- End WOWSlider.com HEAD section --> </head> Quote Link to comment Share on other sites More sharing options...
Solution maxxd Posted May 19, 2015 Solution Share Posted May 19, 2015 Your links are incorrect to the actual javascript files - wowslider.js is not found on your server. Make sure you uploaded the files into the correct directory - www_root/old/steamsource/engine1/wowslider.js is where the page is looking for the script right now. Quote Link to comment Share on other sites More sharing options...
starlight1992 Posted May 19, 2015 Author Share Posted May 19, 2015 (edited) maxxd Ah! alright I changed the links to the proper format and included them within the head. The images have lined up but the slideshow wtill isn't showing. <head> <meta charset="utf-8"> <meta name="keywords" content="<?php echo $pageKeywords; ?>"> <meta name="description" content="<?php echo $pageDisc; ?>"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="robots" content="noindex, nofollow"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/normalize.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/grid.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600,800|Maven+Pro' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/scrollToTop.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/accordion.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/easing.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>engine1/style.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>engine1/jquery.js"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/font-awesome.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/reveal.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/jquery.simplyscroll.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/layout.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/mob-layout.css"> <link rel="stylesheet" href="<?php echo $baseUrl; ?>css/responsive-nav.css"> <link rel="stylesheet" type="text/css" href="<?php echo $baseUrl; ?>css/animate.css"> <title><?php echo $pageTitle; ?></title> </head> Edited May 19, 2015 by starlight1992 Quote Link to comment Share on other sites More sharing options...
starlight1992 Posted May 19, 2015 Author Share Posted May 19, 2015 Your links are incorrect to the actual javascript files - wowslider.js is not found on your server. Make sure you uploaded the files into the correct directory - www_root/old/steamsource/engine1/wowslider.js is where the page is looking for the script right now. Quote Link to comment Share on other sites More sharing options...
starlight1992 Posted May 19, 2015 Author Share Posted May 19, 2015 Ah! Nevermind, I've figured it out! Thank you for your help Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.