Ahojte. Mám webovú aplikáciu v javascripte, ktorá má vykonávať funkcie obrázkovej prezentácie. Problém je, že mi ide len v jednom prehliadači a v ostatných vôbec. Kde môže byť chyba? od včera sa mi ju nedarí nájsť.
HTML súbor
Kód:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Ručná autoumyváreň Liptovský Hrádok">
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="script.js"></script>
<title>Ručná autoumývareň</title>
</head>
<body>
<div class="box">
<div class="box1">
<div class="box2">
<div class="box3">
<div class="box4">
<div class="box5">
<div class="box6">
<div class="box7">
<div class="banner">
<img src="titulok.jpeg">
</div>
<div class="zalozky" id="index">
<ul class="zalozky2" id="index2">
<li class="zalozky3"><a href="index.html" class="zalozky4">titulná stránka</a></li>
<li class="zalozky3"><a href="cennik_zobraz.php" class="zalozky4">cenník</a></li>
<li class="zalozky3"><a href="reakcia_zadanie.php" class="zalozky4">Vaše pripomienky</a></li>
<li class="zalozky3"><a href="kontakt.html" class="zalozky4">Kontakt</a></li>
<li class="zalozky3"><a href="administrator.php" class="zalozky4">Administrátor</a></li>
</ul>
</div>
<div class="cela_plocha">
<div class="cela_plocha2">
<div class="cela_plocha3">
<div class="block_of_previews">
<div class="block_of_preview">
<div class="previews"><img src="fotky/nahlad/0.gif" name="prev1" onclick="set_pic()"></div>
</div>
<div class="block_of_preview">
<div class="previews"><img src="fotky/nahlad/0.gif" name="prev2" onclick="set_pic()"></div>
</div>
<div class="block_of_preview">
<div class="previews"><img src="fotky/nahlad/1.jpg" name="prev3" onclick="set_pic()"></div>
</div>
<div class="block_of_preview">
<div class="previews"><img src="fotky/nahlad/2.jpg" name="prev4" onclick="set_pic()"></div>
</div>
<div class="block_of_preview">
<div class="previews"><img src="fotky/nahlad/3.jpg" name="prev5" onclick="set_pic()"></div>
</div>
</div>
<span class="slide_anchors">prvý obrázok</span> <a href="#" class="slide_anchors" onclick="previous_img()">predchádzajúci obrázok</a> <a href="#" class="slide_anchors" onclick="next_img()">nasledujúci obrázok</a> <span class="slide_anchors">posledný obrázok</span>
<center><img name="picture" src="fotky/1.jpg" onclick="next_img()"></center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Javascript:
Kód:
var img = 1;
var pr1 = -1;
var pr2 = 0;
var pr3 = 1;
var pr4 = 2;
var pr5 = 3;
function set_preview() {
if (pr1 < 1) {
document.images.prev1.src = "fotky/nahlad/0.gif";
if (pr1 == -1) {
document.images.prev3.src = "fotky/nahlad/1.jpg";
document.images.prev4.src = "fotky/nahlad/2.jpg";
document.images.prev5.src = "fotky/nahlad/3.jpg";
}
if (pr2 < 1) {
document.images.prev2.src = "fotky/nahlad/0.gif";
} else {
document.images.prev2.src = "fotky/nahlad/" + pr2 + ".jpg";
document.images.prev3.src = "fotky/nahlad/" + pr3 + ".jpg";
document.images.prev4.src = "fotky/nahlad/" + pr4 + ".jpg";
document.images.prev5.src = "fotky/nahlad/" + pr5 + ".jpg";
}
} else {
document.images.prev1.src = "fotky/nahlad/" + pr1 + ".jpg";
document.images.prev2.src = "fotky/nahlad/" + pr2 + ".jpg";
document.images.prev3.src = "fotky/nahlad/" + pr3 + ".jpg";
document.images.prev4.src = "fotky/nahlad/" + pr4 + ".jpg";
document.images.prev5.src = "fotky/nahlad/" + pr5 + ".jpg";
}
if (pr5 > 35) {
document.images.prev5.src = "fotky/nahlad/0.gif";
if (pr4 > 35) {
document.images.prev4.src = "fotky/nahlad/0.gif";
}
}
}
function set_img() {
document.images.picture.src = "fotky/" + img + ".jpg";
set_preview();
}
function next_in_preview() {
pr1++;
pr2++;
pr3++;
pr4++;
pr5++;
set_preview();
}
function next_img() {
if (img == 35) {
break;
}
img++;
next_in_preview();
set_img();
}
function previous_in_preview() {
pr1--;
pr2--;
pr3--;
pr4--;
pr5--;
set_preview();
}
function previous_img() {
if (img == 1) {
break;
}
img--;
previous_in_preview();
set_img();
}
Dakujem všetkým za pomoc.