Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Postup: 1. Vymažeš všetky zbytočné skripty (link na súbor over_picture.js, všetky onmouseover a onmo…
los 13.06.2009 21:26
los
Děkuji ti za pomoc, ale asi jsem tě špatně pochopil, nechce mi to makat. Přikládám znova zdroják, ja…
netace 14.06.2009 00:36
netace
My zase jaksi nemůžeme pochpopit tebe. Máš na mysli něco takového? vedlejsi (najeď si na ikonu lupy)
Kráťa 14.06.2009 01:58
Kráťa
Je to sice podobné, ale já chci tohle skoda1.html akorát stím aby mi to fungovalo i v mozile a opeře…
netace 14.06.2009 10:43
netace
Princip je stejný. nový
Kráťa 15.06.2009 01:42
Kráťa
Děkuji všem za pomoc, vážím si toho. Sice mi to nefunguje přes onmouseover, ale už jsem rozchodil sc… nový
netace 16.06.2009 23:24
netace
Ten skript je tajný? Možná to tu někdy v budoucnu bude člověk hledat. nový
marekdrtic 17.06.2009 06:21
marekdrtic
To bude nějaký z těch co se sem vkládaly (asi). nový
Kráťa 17.06.2009 09:46
Kráťa
sklamu tě, a jsem rád, alespoň jsem se něco přiučil :-) nový
netace 17.06.2009 13:13
netace
Nevěděl jsem, že budete chtít vidět ten script, takže ho sem přiložím takže tento script je nad </H… nový
netace 17.06.2009 13:11
netace
Vyrobeno 2001 V provozu od 2000 Tak to beru! Takovou Oktávku nemá nikdo! :)) nový
MaSo 17.06.2009 15:53
MaSo
Dík za radu se scriptem, mě šlo o ty obrázky a né o ty údaje.:!: nový
netace 17.06.2009 17:20
netace
Nejak som nepochopil rozdiel toho co si ty vytvoril a co som ti sem ja pilozil az na ten animacni ef… nový
PeterKD 20.06.2009 19:41
PeterKD
Ten tvůj SCRIPT je lepší než můj, ale já jsem si to rozchodil, než jsi sem dal ten tvůj. poslední
netace 04.07.2009 03:33
netace

Postup:
1. Vymažeš všetky zbytočné skripty (link na súbor over_picture.js, všetky onmouseover a onmouseout).
2. Hlavnému obrázku nastavíš identifikátor, napr. id=image.
3. Elementu, ktorý obsahuje obrázky s náhľadmi nastavíš iný identifikátor, napr. id=thumbs.
4. Niekde pod elementy image a thumbs dáš takýto skript:

document.getElementById("thumbs").onmouseover = function(e) {
	e = e || window.event;
	var target = e.target || e.srcElement;

	if (target.tagName == "IMG")
		document.getElementById("image").src = target.src.replace(/\/small(\/[^\/]+)$/, "$1")
}

5. Doupravuješ podľa svojich predstáv (skript pôjde asi do externého súboru, osobne by som to HTML trochu zjednodušil - odstránil zbytočné nbsp, premenoval styl17 a styl14 na niečo zmysluplnejšie, zbavil sa tých nadbytočných div align=left, a pod.)

Děkuji ti za pomoc, ale asi jsem tě špatně pochopil, nechce mi to makat. Přikládám znova zdroják, jak jsem to podělal. Jestli tě můžu poprosit, mohl by jsi to předělat po mmě, moc by mi to pomohlo. S html jsem začínal někdy za dob win 9X a od té doby se toho hodně změnilo, moc jsem stránky nepsal a teď v tom plavu. Hold jsem v tomto směru lama.

Nevěděl jsem, že budete chtít vidět ten script, takže ho sem přiložím

takže tento script je nad </HEAD> , to cashování mám připravený na další fotky

<SCRIPT><!--
function SpustFilter(Obrazek)
{ 
document.getElementById('prohlizec').src=Obrazek;
}
--></SCRIPT>
<script language="JavaScript">
<!--
cache1=new Image
();
cache1.src="1.jpg"; 
cache2=new Image(); 
cache2.src="2.jpg";
cache3=new Image(); 
cache3.src="3.jpg";
cache4=new Image(); 
cache4.src="4.jpg"; 
cache5=new Image(); 
cache5.src="5.jpg";
cache6=new Image(); 
cache6.src="6.jpg";
cache7=new Image(); 
cache7.src="7.jpg";
cache8=new Image(); 
cache8.src="8.jpg";
cache9=new Image(); 
cache9.src="9.jpg";
cache10=new Image(); 
cache10.src="10.jpg";
cache11=new Image(); 
cache11.src="11.jpg";
cache12=new Image(); 
cache12.src="12.jpg";
cache13=new Image(); 
cache13.src="13.jpg";
cache14=new Image(); 
cache14.src="14.jpg";
cache15=new Image(); 
cache15.src="15.jpg";
// --> 
</script>

u velkého obrázku

<img src="foto/skoda/skoda_octavia_1.6_classic/small/1.jpg" width="280" height="200" id="prohlizec" border="2">

a takle vypadá odkaz do toho velkého obrázku

<img onclick="SpustFilter('foto/skoda/skoda_octavia_1.6_classic/small/2.jpg')" src="foto/skoda/skoda_octavia_1.6_classic/small/2.jpg" width="60" height="40" id="obr2" />

výsledek vypadá prozatimně takto sk.html lze ho vyzkoušet v jakémkoliv prohlížeči včetně SAFARI

Zpět do poradny Odpovědět na původní otázku Nahoru