Need help integrating a slideshow please

User 1870919 Photo


Registered User
61 posts

I was wondering if anyone could take a look at my home page slideshow at www.websbycheryl.com/tester/shop and tell me why my slideshow isn't displaying properly. I put my html code in a html editor file and referenced it in an iframe on the page where I want the slideshow to show up. The weird thing is what you see -- the slideshow is cut off on the right side and the bottom. I had it working at a different time but not sure what I did wrong to have it display this way. Any pointers would be appreciated. Here is the code in the referenced html file:

<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Thu, 28 Jun 2012 18:43:32 GMT" />
<meta name="description" content="" />
<meta name="keywords" content="" />


<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="WOWSlider" />
<meta name="description" content="WOWSlider" />
<!-- 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>

<body style="background-color:#ffffff">
<!-- Start WOWSlider.com BODY section -->

<div id="wowslider-container1">

<div class="ws_images"><ul>
<li><img src="data1/images/img_2898.jpg" alt="IMG_2898" title="IMG_2898" id="wows0"/></li>
<li><img src="data1/images/img_2901.jpg" alt="IMG_2901" title="IMG_2901" id="wows1"/></li>
<li><img src="data1/images/img_2921.jpg" alt="IMG_2921" title="IMG_2921" id="wows2"/></li>
<li><img src="data1/images/img_2927.jpg" alt="IMG_2927" title="IMG_2927" id="wows3"/></li>
<li><img src="data1/images/img_2930.jpg" alt="IMG_2930" title="IMG_2930" id="wows4"/></li>
<li><img src="data1/images/img_2936.jpg" alt="IMG_2936" title="IMG_2936" id="wows5"/></li>
<li><img src="data1/images/img_2938.jpg" alt="IMG_2938" title="IMG_2938" id="wows6"/></li>
<li><img src="data1/images/img_2943.jpg" alt="IMG_2943" title="IMG_2943" id="wows7"/></li>
<li><img src="data1/images/img_2946.jpg" alt="IMG_2946" title="IMG_2946" id="wows8"/></li>
</ul></div>
<a class="wsl" href="http://wowslider.com">HTML Photo Gallery For Website by WOWSlider.com v2.1.3</a>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->


<div align="center"><table border="0" width="100%"><tr><!-- Row 1 --><td><img src="spacer.png" width="172" height="50" alt="" title="" border="0" /></td><!-- Col 1 --><td><img src="spacer.png" width="172" height="50" alt="" title="" border="0" /></td><!-- Col 2 --><td><img src="spacer.png" width="172" height="50" alt="" title="" border="0" /></td><!-- Col 3 --><td><img src="spacer.png" width="172" height="50" alt="" title="" border="0" /></td><!-- Col 4 --></tr><tr><!-- Row 2 --><td><img src="fast delivery with arrow.jpg" width="172" height="120" alt="" title="" border="0" /></td><!-- Col 1 --><td><img src="always in stock with green check mark.jpg" width="172" height="120" alt="" title="" border="0" /></td><!-- Col 2 --><td><img src="green 35 years in business with medallion.jpg" width="172" height="120" alt="" title="" border="0" /></td><!-- Col 3 --><td><img src="what the dr ordered with graphic.jpg" width="172" height="120" alt="" title="" border="0" /></td><!-- Col 4 --></tr></table></div>

All Trademarks and Emblems shown are "Reproduced under License from General Motors Service Parts Operations (GMSPO)," and Dr. Decal is Licensed under GMSPO Licensing Program.
</body>
Cheryl
User 1870919 Photo


Registered User
61 posts

Ha! Must be something about just getting the question posted on here that helped me figure out the answer. I needed to adjust the size of the photos and adjust the size in the .css file referenced by the slideshow. Now, I need to get the 4 squares at the bottom centered underneath the slideshow. The 4 squares are in a table.
Cheryl
User 187934 Photo


Senior Advisor
20,266 posts
Online Now

Looks like you got it figured out.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.