Autor Zpráva
INSiGHT
Profil
#1 · Zasláno: 29. 1. 2006, 15:37:10
Odpovědět Citovat
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
#2 · Zasláno: 29. 1. 2006, 15:41:05
Odpovědět Citovat 

function changeImage(filename)

{

	document.getElementById('mainimage').src = filename;

}
INSiGHT
Profil
#3 · Zasláno: 29. 1. 2006, 15:47:22
Odpovědět Citovat
Sáhodlouhá otázka, ale blesková a krátká odpověď:-)

Díky moc!


INSiGHT
Časová prodleva: 4 dny
tlamon
Profil *
#4 · Zasláno: 2. 2. 2006, 20:01:41
Odpovědět Citovat
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 *
#5 · Zasláno: 3. 2. 2006, 08:28:38
Odpovědět Citovat
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
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0