Autor Zpráva
INSiGHT
Profil
Ahoj,
mám ve stádiu rozpracování tyto stránky http://www.bubblebeatz.cz/zkouska/vyrabime.html.
Chci udělat klasickou galerii, kdy se po kliknutí na náhled změní hlavní obrázek.
Našel jsem kratičký Javascript, kerý to umí výtečně, jenže měl atribut name, kerý mi jaksi v XHTML strict dělá neplechu.
Tak jsem ho nahradil atributem id, ale tak mi to zase nefunguje v IE ani Opeře, pouze v FF!
Předesílám, že bych rád zachoval strictní XHTML a vím, že změna na transitional by můj problém řešila.


Tento script je přilinkován:


function changeImage(filename)
{
document.mainimage.src = filename;
}


Takto vypadá HTML kód:

<img id="mainimage" src="images/photos/zkouska.jpg" alt="Moto Team Schrems" width="400" height="264" />
<div class="popisky">Moto Team Schrems</div>
<div id="thumbs">
<a href="javascript:changeImage('images/photos/image1.jpg')"><img src="images/photos/thumbs/image1_small.jpg" alt=""/></a>
<a href="javascript:changeImage('images/photos/image2.jpg')"><img src="images/photos/thumbs/image2_small.jpg" alt=""/></a>
<a href="javascript:changeImage('images/photos/image3.jpg')"><img src="images/photos/thumbs/image3_small.jpg" alt=""/></a>
<a href="javascript:changeImage('images/photos/image4.jpg')"><img src="images/photos/thumbs/image4_small.jpg" alt=""/></a>
<a href="javascript:changeImage('images/photos/image5.jpg')"><img src="images/photos/thumbs/image5_small.jpg" alt=""/></a>


Díky za každou radu!


INSiGHT
Oswald
Profil

function changeImage(filename)
{
document.getElementById('mainimage').src = filename;
}
INSiGHT
Profil
Sáhodlouhá otázka, ale blesková a krátká odpověď:-)

Díky moc!


INSiGHT
tlamon
Profil *
Hmm, tak kvůli XHTML validitě jsem překopal script, díky kterému se obrázky na stránce rychle měnili. Tady je nový kód, který nefunguje:
function change(number){

var filename = "fastimages/"+ Math.ceil(Math.random()*88) +".jpg";
document.getElementById("image"+number).src = filename;
}

function go(){
for(nmb=1;nmb<10;nmb++){
window.setInterval("change("+nmb+")", 500 + nmb * 50);
}
}

a tady příklad jednoho obrázku:
<img src="fastimages/1.jpg" id="image1" alt="obrázek :D" />


Pokud byste našli chybu, napište prosím. Díky
peta
Profil *
tlamon
Co treba zalozit si vlastni tema?

Neni mi jasne, co ma ten script delat. Budu-li vychazet z puvodniho tematu, ze hlavnimu obrazku to ma zmenit SRC, pak je spatne radek:

document.getElementById("image"+number).src = filename;

Jinak by bylo teda pekne rici, jakou chybu ti pise JS konzola prohlizece.

INSiGHT
Jeste to muzes delat pres document.images[cislo] , ale i s tim name by to melo fungovat 100% vsude, to je vyzkousena vec. Neni treba pouzivat ID.
www.volny.cz/peter.mlich/hry/hry.htm
- shuffle - Tady zrovna treba resi s name inputy
- life - tady zas resi cisteobrazky bez name nebo id
Toto téma je uzamčeno. Odpověď nelze zaslat.