Javascript - reload obrázku

A nestačilo by to jen vhodně nastylovat pomocí CSS a hover?

Teoreticky je jedno jestli to bude v Javě a nebo jinak, jediný co nechci, tak to je aby to makalo přes iframe.

Iframe s tím vůbec nesouvisí.

He? Nechapem jak to myslis. Zmysel? Ak ochrana tak vypnem javu a mam ten velky obrazok a ochrana=0. ALebo view - page source a mam aj velky.

Potřeboval bych pouze zprovoznit nějak, aby po najetí myší na malý obrázek, se tento malý obrázek zobrazil místo toho velkého a zůstal tam, pokud se neukáže myší na jiný obrázek. Stejný způsob jako http://suchen.mobile.de/fahrzeuge/details.html?lan g=de&id=117059270&pageNumber=1&tabNumber=2 . Dík

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.

My zase jaksi nemůžeme pochpopit tebe. Máš na mysli něco takového?
vedlejsi
(najeď si na ikonu lupy)

Je to sice podobné, ale já chci tohle skoda1.html akorát stím aby mi to fungovalo i v mozile a opeře. V ie mi to funguje dobře. Původně se ty obrázky měli měnit po najetí myší - funkcí onmouseover.

Predpokladam ze takto nejak si to asi predstavujes tak ako to je v prilohe?

Ten tvoj skriptik ma par nedostatkov (ale to aj ten moj). Prvy je ze visual basic skriptovanie podporuje jedine microsoft a teda internet explorer. Pokial chces aby to bezalo pod vsetkym alebo skoro pod vsetkym tak jedine javascript. Dalsia vec co tam bola je ze pouzivas filtre, ktore ma len internet explorer a mozilla a asi ani opera ich nemaju, ale nasiel som obdobne riesenie, ktore ma par nedostatkov ale je to to iste co si mal v odkaze len je to prerobene na javascript a ma to obojsmerne rolovanie.

Co sa tyka tych nedostatkov tak je to hlavne odlisne casovanie pre explorer, mozillu a operu pri pouzivani funkcii setTimeout a setInterval. Pre mozillu a operu sa to javy temer obdobne pre explorer to ide o dost pomalsie a zatial neviem ako to urychlit. Mozno by sa dalo este pouzit jQuery je s tym obcas aj jednoduchsia praca, alebo skusit nejaky flash. Nic lepsie ma zatial nenapada.

Ale inak ten internet explorer tiez nemusi byt problem. Skript pren budes pouzivat vo Visual Basicu ten co mas a pre ostatne prehliadace pouzijes javascript. Iba to oddelis podmienkov ktory skript sa pre ktore prehliadace pouzije.

Princip je stejný.

Identifikátor jednoznačne identifikuje práve jeden element na stránke - ty si priradil id=thumbs každému obrázku s náhľadom. Takže tie identifikátory id=thumbs vymaž a pridaj ho tomu nadradenému divu.

Děkuji všem za pomoc, vážím si toho. Sice mi to nefunguje přes onmouseover, ale už jsem rozchodil script, který mi maká ve všech prohlížečích.

Ten skript je tajný? Možná to tu někdy v budoucnu bude člověk hledat.

To bude nějaký z těch co se sem vkládaly (asi).

sklamu tě, a jsem rád, alespoň jsem se něco přiučil

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

Vyrobeno 2001
V provozu od 2000

Tak to beru! Takovou Oktávku nemá nikdo!

Dík za radu se scriptem, mě šlo o ty obrázky a né o ty údaje.

Nejak som nepochopil rozdiel toho co si ty vytvoril a co som ti sem ja pilozil az na ten animacni efekt.

Ten tvůj SCRIPT je lepší než můj, ale já jsem si to rozchodil, než jsi sem dal ten tvůj.