30-06-2013, 17:33
Witam. Chciałbym na stronie umieścić slider w javascript jednak, każdy skrypt który wstawiam nie działa, a robie wszysto jak powinno być (przynajmniej tak myślę). Od kilku dni próbuje wpaść na to dlaczego żaden slider mi nie działa... Może wy coś poradzicie... Aktualnie wstawiłem ten skrypt: http://responsiveslides.com/, jednak pokazuje się tylko pierwsze zdjęcie i nic ie nie dzieje.
Oto mój kod:
Sekcja <head>
Sekcja <body>
CSS:
Do tego są jeszcze dwa pliki *.js które mam w folderze js.
Prosze o pomoc, bo już nie wiem co robić. Pewnie to jakiś głupi błąd którego nie mogę zauważyć... Ale czekam na waszą opinię
Oto mój kod:
Sekcja <head>
Kod:
<link rel="stylesheet" href="css/style.css" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<script type="text/javascript" src="js/responsiveslides.js"></script>Sekcja <body>
Kod:
<script type="text/javascript">
$(function() {
$(".rslides").responsiveSlides();
});
</script>
<ul class="rslides">
<li><img src="images/img2.jpg" alt=""></li>
<li><img src="images/kep2.jpg" alt=""></li>
<li><img src="images/kep3.jpg" alt=""></li>
</ul>CSS:
Kod:
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 960px;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 960px;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
float: left;
width: 960px;
height: 450px;
border: 0;
}Do tego są jeszcze dwa pliki *.js które mam w folderze js.
Prosze o pomoc, bo już nie wiem co robić. Pewnie to jakiś głupi błąd którego nie mogę zauważyć... Ale czekam na waszą opinię
