Witajcie drodzy forumowicze. Znów zgłaszam się z swoim problemem, lecz tym razem z trochę innej beczki. Chodzi o to, że rozwiązałem problem z brakiem interakcji, po kliknięciu na obrazek (chodź nie do końca ale o tym zaraz). Rozwiązałem, też problem z przełączaniem się między blokami, drugim blok po prostu tymczasowo wyłączyłem. Mam stronę testową, na której robię testy i to na niej jest problem. Po pierwsze dwa bloki jeden na drugim elegancko się przełączają przy kliknięciu i to ok. Jednak gdy kliknę na obrazek bloki również się przełączają. Dopiero gdy wraca do strony pierwszej widnieje zmieniony obrazek. To jeszcze nie koniec zmiana obrazka jest zrobiona w w html-u bo funkcja js nie działa. Oto kod źródłowy:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styl.css" type="text/css">
</head>
<body>
<div id="calosc">
<div id="gora">
<h1> Góra</h1>
</div>
<div id="srodek">
<script>
function zmiana(obraz)
{
if (obraz == 'obrazek1')
{
document.getElementById('obraz').src = "obrazek2.jpg";
}
else if (obraz == 'obrazek2')
{
document.getElementById('obraz').src = "obrazek3.JPEG";
}
else if (obraz =='obrazek3')
{
document.getElementById('obraz').src = "obrazek3.JPEG";
}
else
{
document.getElementById('obraz').src = "obrazek2.jpg";
}
/*próbowałem i coś takiego
if ((obraz == getElementById(obrazek1)) || (obraz == getElementById(obrazek4)))
{
document.getElementById('obraz').src = "obrazek2.jpg";
}
else
{
document.getElementById('obraz').src = "obrazek3.JPEG";
}
};
function fn1()
{
document.getElementById('blok1').style.display = "none";
document.getElementById('blok2').style.display = "inline";
};
function fn2()
{
document.getElementById('blok2').style.display = "none";
document.getElementById('blok1').style.display = "inline";
};
</script>
<div id="blok1" onclick="fn1()">
<p> Strona numer 1</p>
<div id="1">
<img src="obrazek1.jpg" id="obrazek1" width="100px" height="100px" onclick="zmiana(obrazek1)">
</div>
<div id="2">
<img src="obrazek1.jpg" id="obrazek2" width="100px" height="100px" onclick="zmiana(obrazek2)">
</div>
<div id="3">
<img src="obrazek1.jpg" id="obrazek3" width="100px" height="100px" onclick="zmiana(obrazek3)">
</div>
<div id="4">
<img src="obrazek1.jpg" id="obrazek4" width="100px" height="100px" onclick="zmiana(obrazek4)">
</div>
</div>
<div id="blok2" onclick="fn2()">
<p> Strona numer 2</p>
</div>
</div>
<div id="dol">
<a> to jest dol</a>
</div>
</div>
</body>
</html>
Czemu ona nie chce działać? Gdzie jest błąd? Funkcje wziąłem z kółka i krzyżyk. Co do obrazków to już zaznaczam nie przełączają się. Wcześniej gdy miałem w htmlu coś takiego:
<div id="1">
<img src="obrazek1.jpg" width="100px" height="100px" onclick="this.src='obrazek2.jpg'" onclick="this.src='obrazek1.jpg'">
</div>
To się przełączał obrazek lecz tak być nie może, funkcja ma zamieniać obrazki. Już na prawdę jestem zmęczony tym projektem, bo o co kurde chodzi :(.Szperałem po necie ale żadna, podkreślam żadna funkcja nie działa :\. Z góry dziękuje za pomoc i przepraszam, że znów o to męczę:\.