000
02.03.2012, 03:19
sync
|
Ich will eine einfache Bildergalerie scripten.
Unter einem grossen Bild sollen sich Thumbnails befinden, die Thumbnails sollen bei anklicken das grosse Bild durch die grosse Version von sich selbst ersetzen. Ich habe javascript noch nie benutzt, weiss aber, wie methoden und variablen funktionieren. Deshalb konnte ich mir den folgenden Code zusammenreimen:
<code>
...
<script type="text/javascript">
function switcher(x)
{
var img;
img=document.getElementbyId('img_switcher');
if (x==1)
{
img.src="img/glasslands/01.jpg";
}
if (x==2)
{
img.src="img/glasslands/02.jpg";
}
}
</script>
</head>
<body>
...
<img id="img_switcher" src="img/glasslands/01.jpg" alt="" />
...
<img src="img/glasslands/01t.jpg" onClick="switcher(1)" />
<img src="img/glasslands/02t.jpg" onClick="switcher(2)" />
</code>
Der geht jetzt nicht. Hab ich am code was falsch verstanden, funktioniert onClick ueberhaupt in imagetags, wie mache ich es richtig?
--
[CS:S-, CSP- und TF2-Maps ]
|
|
Profil || Suche
|
001
02.03.2012, 13:07
Dopefish
|
ich habs gerade getestet und es lief, als ich getElementbyId zu getElementById änderte. Durch einen Blick auf die Konsole wäre dir das vielleicht aufgefallen :)
--
Resetting politics:
http://www.onlinepartei.eu
Dieser Beitrag wurde am 02.03.2012 um 13:11 von Dopefish bearbeitet.
|
|
|
Profil || Suche
|
002
02.03.2012, 13:41
sync
|
Och, wie doof. Danke :D
--
[CS:S-, CSP- und TF2-Maps ]
|
|
|
Profil || Suche
|
003
10.03.2012, 12:37
Megge
|
Hast du schon jQuery versucht?
<script>
function switcher(image,title) {
$('#img_switcher').attr({
src: image,
title: title
});
}
</script>
<img id="img_switcher" src="img/glasslands/01.jpg" title="Default" />
<img src="img/glasslands/01t.jpg" onClick="switcher('img/glasslands/01.jpg','Glasslands 1')" />
<img src="img/glasslands/02t.jpg" onClick="switcher('img/glasslands/01.jpg','Glasslands 2')" />
Nimmt dir die ganze Arbeit mit den mühsamen Selektoren ab. Aber vorsicht: jQuery ist wie eine Droge: einmal angewendet, wirst du es immer und überall benutzen wollen ;)
--
|
|
|
Profil || Suche
|
004
15.03.2012, 17:12
Dopefish
|
<- addicted
--
Resetting politics:
http://www.onlinepartei.eu
|
|
|
Profil || Suche
|
.