• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onclick bildergalerie

Status
Für weitere Antworten geschlossen.

kennedys

Neues Mitglied
ich weiß nicht, wie ich hinbekommen soll, dass das bild was angezeigtwerden soll angezeigt wird bis das nächste bild geklickt wurde.:|
Code:
   <a href onclick="bild.src='http://vescules.hostingclub.de/DSC00172.JPG';">[01]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00173.JPG';">[02]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00174.JPG';">[03]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00175.JPG';">[04]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00176.JPG';">[05]</a>
<p><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00177.JPG';">[06]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00178.JPG';">[07]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00179.JPG';">[08]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00180.JPG';">[09]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00181.JPG';">[10]</a>
<p><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00182.JPG';">[11]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00183.JPG';">[12]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00184.JPG';">[13]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00185.JPG';">[14]</a><a href onclick="bild.src='http://vescules.hostingclub.de/DSC00186.JPG';">[15]</a>


[...]


<img src="bild.src='http://vescules.hostingclub.de/DSC00172.JPG" width="300" height="225" alt="Klicke auf die Zahlen" id="bild" name="bild" border="2">



kann mir jemand helfen?
ich habs schon mit onmousedown ... versucht und finde keine lösung

danke schonmal:mrgreen:
 
hi,

mir fällt nur eine sehr umständliche möglichkeit ein:

du schreibst ein javascript, das zuerst allen bilder display:none; verpasst und dann dem angeklickten display:block;

mfg
handymanjack
 
Danke für die antwort,

aber kann man das nicht auch mit variablen lösen?!
ich hab noch nie damit bei html gearbeitet.:?
 
Ich hoffe das ist was du meinst:
Code:
<script type="text/javascript">
    //<![CDATA[
        function bild(bild) {
            document.getElementById('bild').src = bild;
        }
    //]]>
</script>
...
<p>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00172.JPG');">[01]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00173.JPG');">[02]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00174.JPG');">[03]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00175.JPG');">[04]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00176.JPG');">[05]</a>
</p><p>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00177.JPG');">[06]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00178.JPG');">[07]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00179.JPG');">[08]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00180.JPG');">[09]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00181.JPG');">[10]</a>
</p><p>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00182.JPG');">[11]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00183.JPG');">[12]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00184.JPG');">[13]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00185.JPG');">[14]</a>
    <a href="javascript:bild('http://vescules.hostingclub.de/DSC00186.JPG');">[15]</a>
</p>
<img src="http://vescules.hostingclub.de/DSC00172.JPG" style="width:300px;height:225px;border:solid 2px #000" alt="Klicke auf die Zahlen" id="bild" />
Die Funktion ist hier nur angelegt worden, damit in den Links nur bild() stehen muss und nicht document.getElementById('bild').src=
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben