Nie wiem dlaczego, ale slider mi nie działa, wskażcie proszę, w którym miejscu zrobiłem błąd. W miejscu zdjęcia wyskakuje tylko mały kwadracik.
tutaj html:
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8"/>
<meta http-eqiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>Moja kolekcja</title>
<meta name="description" content="Katalog aparatów Adama Pliszki"/>
<meta name="keywords" content="aparat, kamera, lustrzanka, aparaty miechowe,
aparaty cyfrowe"/>
<link href="style.css" rel="stylesheet"type="text/css"/>
<link href='
http://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var numer = Math.floor(Math.random()*5)+1;
function schowaj()
{
$("#slider").fadeOut(500);
}
function zmiana()
{
numer++; if(numer>5) numer=1;
var plik="<img src=\"slajdy/slajd" + numer + ".png\"/>";
document.getElementById("slider").innerHTML = plik;
$("#slider").fadeIn(500);
setTimeout("zmiana()",5000);
setTimeout("schowaj()",4500);
}
</script>
</head>
<body onload="zmiana()">
<div class="wrapper">
<div class="header">
<div class="logo"><span style="color: #c34f4f">Moja</span> kolekcja</div>
</div>
<div class="nav"></div>
<div id="slider">
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tristique risus metus, sit amet gravida erat consequat eu. Sed sagittis eget nisl vitae pulvinar. Morbi elementum, augue in mollis auctor, lorem dolor pellentesque nisl, non lacinia tellus neque sed eros. Nullam convallis lectus mi, vitae placerat magna pretium eu. Curabitur pharetra ex vitae semper mattis. Phasellus hendrerit et mi vitae cursus. In ac eleifend libero, et interdum ipsum. Proin tincidunt est eget nibh vulputate, venenatis imperdiet turpis dignissim. Ut egestas molestie ultrices. Pellentesque eget congue arcu. Proin justo eros, vestibulum ut nisl vel, scelerisque congue ipsum. Nam non tellus nec dui tincidunt auctor. In mattis nisi ligula, vitae dictum massa imperdiet ac. Nullam sit amet efficitur felis. Duis vel dolor at nulla malesuada tincidunt quis id lectus.</p>
<p>Aliquam sapien ligula, porttitor in sem quis, pellentesque commodo risus. Etiam at justo in sapien finibus euismod a eget justo. Nulla facilisi. In rhoncus arcu vitae lorem lobortis, at elementum magna sollicitudin. Donec viverra cursus leo vel pretium. Donec eget interdum ex. Aliquam interdum cursus turpis fermentum convallis. Aliquam in interdum metus. Pellentesque nec nulla a sem ornare aliquam. Mauris libero metus, imperdiet vitae libero id, tincidunt scelerisque lacus. In hac habitasse platea dictumst. Praesent dignissim iaculis eros, ut ultricies justo mollis non.</p>
<p>Suspendisse potenti. Nullam viverra efficitur finibus. Nunc ornare et mi et tincidunt. Integer non odio fermentum, molestie ex at, condimentum tortor. Pellentesque non nunc at justo convallis dictum id non nunc. Praesent gravida leo vitae diam pharetra, vel scelerisque urna porttitor. Sed eget risus in erat facilisis elementum. In lacinia ut lorem in congue. Sed bibendum erat id imperdiet feugiat. Sed vehicula enim malesuada, egestas mauris eget, sollicitudin metus. Sed sit amet nunc quis massa suscipit condimentum quis quis sem. Nulla ullamcorper ac quam sed tristique. Donec eleifend, metus eu pulvinar interdum, mauris leo gravida mi, sed mattis ex ipsum tincidunt erat. Maecenas at sem et lorem congue lobortis. Aliquam eleifend ut tortor ac convallis.</p>
</div>
</div>
</body>
</html>
jescze css (tak w razie czego)
body
{
background-color: #303030;
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 20px;
margin: 0 !important;
}
.wrapper
{
width: 100%;
}
.header
{
width: 100%;
padding: 40px 0;
}
.logo
{
width: 450px;
font-size: 48px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.nav
{
width: 100%;
padding: 10px 0;
background-color: #c34f4f;
text-align: center;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
height: 40px;
}
.content
{
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align: justify;
}
Proszę o szybką pomoc w razie pytań odpowiem.