Hogyan tudom megcsinálni, hogy ha rákattintok egy kis képre, azt nagyba kimutassa?
Ha egyszerűen, különösebb "csicsa" nélkül akarod megoldani, javaslom a következőt:
<html lang="hu">
<head>
<meta content="text/html; charset=ISO-8859-2"
http-equiv="content-type">
<title>zoom</title>
<script>
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
</head>
<body>
<br>
<p><img alt="" src="kepcime.jpg"
onclick="zoomToggle('120px','100px','600px','400px',this);"
border="0" height="100" width="120"></p>
</body>
</html>
Ha több képet akarsz berakni, a Body részben lévőket annyiszor ismételd, ahányszor kell, természetesen mindig megfelelő képcímmel. Ha az adott oldal más mappában van, mint a képek, az elérési útra ügyelj! És természetesen a képméretekre is, remélem kiismered magad, melyik méret mire való. Az eredeti kép mérete jelen esetben 600x400, a megjelenített kis kép pedig 120x100 lesz. (módosítható)
Mondjuk inkább úgy, hogy lehetne thumbnaillel is.
Ennek a módszernek van több előnye: egyszerűbb és rövidebb, nem kell külön thumbnail, csak egy képet kell lekérni a szerverről, amikor a kis-kép megjelenik, letöltődik a kép vagyis rákattintáskor már nem kell letölteni, tehát azonnal megjelenik.
Természetesen aki szerint "illene", az elkészítheti a scriptet úgy is, ez csak egy javaslat (régóta használom, a W+C Validator hibátlannak fogadja el...)
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!