Hey,
um bei "onklick" auf ein Bild zu einem nächsten Bild zu wechseln benutze ich einen Javascript Code.
Das sieht so aus:
Ich habe eine .png Grafik in einen DIV Tag Tag gepackt. Bei Klick auf dieses Bild erscheint an exakt gleicher Stelle via JS ein neues Bild. Klickt man auf dieses neue Bild erscheint wieder ein neues und so weiter. Eine kleine Diashow so zu sagen!
Jetzt gibt es aber folgendes Problem. Da ich möchte, dass man im Browser die Bilder "anzoomen" kann, habe ich sie mit "width = *** " skaliert.
Somit kann man z.B. im Browser mit STRG+ Scroll an die Bilder ranzoomen und sie bleiben schön scharf.
Das dumme ist aber, dass ich die Abmessungen irgendwie nur für das erste Startbild im Javascript bestimmen kann. Ich weis nicht wie ich die Dimensionen für die Folgebilder eintragen soll.
Denn wenn diese größer oder kleiner sind, dann werden sie schrecklich falsch verzerrt, da ja die Maßangaben des ersten Bildes genommen werden.
Hier mein Code:
<div class="container20"><script type="text/javascript" language="javascript">
var Dir = "pictures/";
var Bilder = Array("1a.png", "none.png", "1a80.png", "1tb.png", "1tw.png");
var i = 0;
function wechsel(Nr, k)
{
if(k == '+')
{
i++;
}
else
{
i--;
}
if(i>=Bilder.length)
{
i = 0;
}
else if(i<0)
{
i = Bilder.length-1;
}
window.document.images[Nr].src = Dir + Bilder[i];
}
</script><img src="pictures/1a.png" alt="b1"name="b1" width="73" height="93" id="b1" title="klick mich ..." onclick="wechsel('b1', '+')"/></div>
Ich habe schon versucht hier in diesem Aufzählungsbereich Größenanhaben zu setzen aber es funktioniert leider nicht.
"var Bilder = Array("1a.png", "none.png", "1a80.png" width = 70px, "1tb.png", "1tw.png");"
Ich hoffe ich konnte mein Problem verständlich schilder. Es muss ja irgendwie gehen nur bin ich noch zu unerfahren um das grad von allein herauszufinden (nicht, dass ich es nicht versucht hätte
Vielen Dank für die Hilfe
Forum
