a więc tak można to zrobić na kilka sposobów ja pokazuje jeden z nich:
- Kod: Zaznacz wszystko
<html>
<body>
<script>
function change(id)
{
document.getElementById('bb').innerHTML=document.getElementById(id).innerHTML;
}
</script>
<div style="opacity:0;" id="1">
ala ma kota
</div>
<div style="opacity:0;" id="2">
kot ma ale
</div>
<div id="aa">
<img onmouseover="change('1')" src="obrazek.jpg"/><img onmouseover="change('2')" src="obrazek.jpg"/>
</div>
<div id="bb">
aaaaa
</div>
</body>
</html>
teraz małe wyjaśnienie tworzymy skrypt w javascript
- Kod: Zaznacz wszystko
<script>
function change(id)
{
document.getElementById('bb').innerHTML=document.getElementById(id).innerHTML;
}
</scrip
robi on tak pobiera wszystko co znajduje się w elemencie o id które przekazujemy do funkcji (czyli jak dajemy change('1') to id=1)
i pokazuje to w elemencie o id bb(można zmieniac wiadomo ale wtedy id elementu też trzeba zmienić)
- Kod: Zaznacz wszystko
onmouseover="change('1')
wywołuje funkcje change() po najechaniu myszką na obrazek
- Kod: Zaznacz wszystko
<div id="bb">
aaaaa
</div>
jest to div z początkową wartością aaaaaa (po najechaniu na obrazek dopiero po odświeżeniu widać znowu aaaaa. Ten DIV zmienia skrypt w JS.
- Kod: Zaznacz wszystko
<div style="opacity:0;" id="2">
kot ma ale
</div>
jest to div który przechowuje dane do wyświetlenia się po najechaniu na obrazek style="opacity:0;" działa tak że div nie jest widoczny w przeglądarce (ale w źródle tak)
Jak coś niezrozumiałe/pomóc w czymś jeszcze pisać
Autor postu otrzymał pochwałę