I am trying to get this slideshow on my gallery page, to my home page. I moved the code over, now it's invisible... What am I doing wrong?
Live home page.
[URL]http://nodakconstruction.com/home.html[/URL]
The gallery page with the slideshow I want.
[URL]http://nodakconstruction.com/gallery.html[/URL]
[code]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Nodak Construction</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="icon" href ="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}
/* Slideshow container */
.slideshow-container {
max-width: 500px;
position: relative;
margin: auto;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 28px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 2.5s;
animation-name: fade;
animation-duration: 2.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
</style>
</head>
<body>
<div id="page">
<div id="header">
<div class="background">
<h1 id="logo"> <a href="home.html"> <img src="gallery/NewLogo.jpg" alt="Img" height="128" width="512"> </a> </h1>
</div>
</div>
<div id="contents">
<div id="services">
<div class="slideshow-container" height="128" width="512">
<div class="mySlides fade">
<div class="numbertext">1 / 9</div>
<img src="newgallery/1.jpg" style="width:100%">
<div class="text">Custom Decking</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 9</div>
<img src="newgallery/6.jpg" style="width:100%">
<div class="text">New Siding</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 9</div>
<img src="newgallery/3.jpg" style="width:100%">
<div class="text">Custom Patios</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 9</div>
<img src="newgallery/7.jpg" style="width:100%">
<div class="text">Additional Flooring</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 9</div>
<img src="newgallery/2.jpg" style="width:100%">
<div class="text">Custom Fencing</div>
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 9</div>
<img src="newgallery/5.jpg" style="width:100%">
<div class="text">Custom Sheds</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 9</div>
<img src="newgallery/4.jpg" style="width:100%">
<div class="text">Custom Sun Rooms</div>
</div>
<div class="mySlides fade">
<div class="numbertext">8 / 9</div>
<img src="newgallery/8.jpg" style="width:100%">
<div class="text">Old Trim & Siding</div>
</div>
<div class="mySlides fade">
<div class="numbertext">9 / 9</div>
<img src="newgallery/9.jpg" style="width:100%">
<div class="text">New Trim & Siding</div>
</div>
</div>
</div>
<div class="sidebar">
<h4>Contact</h4>
<ul>
<li>
503-313-8577
<br>
WayneRivard@yahoo.com
<br>
CBB# 171311
</li>
</ul>
</div>
<div id="main">
<h4>Services</h4>
<p style="padding-right:20px">
Our services range from demolition, installation, additions, remodeling, custom work, and general contracting. We do a little bit of everything!
</p>
</div>
</div>
</div>
</body>
</html>[/code]
Did you move the javascript over as well?
It's in the same directory as home, so I'd imagine everything working. I'm just going to rewrite it again from the working one and see what I did wrong
[editline]1st August 2017[/editline]
OH the script. I found it, I think that was it
Sorry, you need to Log In to post a reply to this thread.
