Autor |
Nachricht |
senso
Threadersteller
Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 05.01.2012 14:19
Titel spezielles bild per id tag und javascript tauschen |
|
|
hallo ich habe das folgende javascript für kleine thumbnails, die beim klicken auf sie an einer anderen stelle ein bild laden_
<script type="text/javascript">
var namen=new Array("Pics/a.png","Pics/b.png","Pics/c.png");
var bilder=new Array();
function load()
{
var img;
for (img=0;img<3;img++)
{
bilder[img]=new Image();
bilder[img].src=namen[img];
}
}
function zeige(nr)
{
document.images[0].src=bilder[nr].src;
}
</script>
über die befehle_
<img src="Pics/d.png" onClick="zeige(0)"></img>
<img src="Pics/e.png" onClick="zeige(1)"></img>
<img src="Pics/f.png" onClick="zeige(2)"></img>
gelingt es mir die bilder zu tauschen. allerdings tauscht das script scheinbar automatisch das erste bild der seite aus. daher erscheinen die bilder an der falschen stelle.
da ich eine null in sachen javascript bin, suche ich nach einer möglichkeit, das script mit einer id zu versehen, die es möglich macht ein spezifisches bild durch die anderen zu ersetzen (und eben nicht das erste).
ich denke, dass macht man mit einem id tag. ich habe jedoch keine ahnung wo und wie dieser oben im script eingesetzt werden muss.
hier ist der code für das auszutauschende bild. den id-tag habe ich ihm schon verpasst _
<img id="master" src="Pics/g.png">
es wäre klasse, wenn mir jemand helfen könnte...
viele grüsse,
senso
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Do 05.01.2012 14:51
Titel
|
|
|
|
|
|
|
|
Anzeige
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Do 05.01.2012 14:55
Titel
|
|
|
Worauf du achten musst ist, falls du XHTML als Doctype verwendest, dass du auch onclick klein schreibst - weil xhtml case sensitve ist.
|
|
|
|
|
senso
Threadersteller
Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 05.01.2012 15:09
Titel
|
|
|
vielen dank für die antworten.
ich habe onClick in onclick geändert und auch den content='text/xhtml' gesetzt. auch habe ich es mit
document.images[0]
versucht. letzterer versuch führt dazu dass das script nicht mehr funktioniert!
ich denke es muss im script irgendwo die id des bildes gergänzt werden. ich habe auch schon herausgefunden, dass dies wohl mittels eines_
document.getElementById('imageID')
tags funktioniert. leider weiss ich jedoch nicht wo und wie ich ihne einbauen muss, damit das richtige bild ersetzt wird...
suche also weiter hilfe...
Zuletzt bearbeitet von senso am Do 05.01.2012 15:10, insgesamt 1-mal bearbeitet
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Do 05.01.2012 16:53
Titel
|
|
|
dann mach dich mit den grundlagen vertraut. deine funktion zeige() setzt immer nur den src des 0-ten bildes des document.
|
|
|
|
|
senso
Threadersteller
Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 05.01.2012 17:30
Titel
|
|
|
hallo!
vielen dank für die - wenn auch nicht ganz eindeutige - hilfe! final hat mir in der funktion die folgende zeile das gewünschte ergebnis geliefert_
document.images[id="master"].src=bilder[nr].src;
in meiner auffassung dient ein forum vor allem dazu sich zu unterstützen und gegenseitig zu helfen. wenn sich jeder von grund auf mit den dingen befasst, wäre dieser ansatz der forumstätigkeit unnötig...
daher einen besonders grossen dank an die helfer!
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 05.01.2012 18:18
Titel
|
|
|
Zitat: | document.images[id="master"].src=bilder[nr].src; |
Dir zu erklären, WARUM das nun funktioniert ... lol ...
Zuletzt bearbeitet von bacon am Do 05.01.2012 18:19, insgesamt 1-mal bearbeitet
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Fr 06.01.2012 17:24
Titel
|
|
|
senso hat geschrieben: | wenn sich jeder von grund auf mit den dingen befasst, wäre dieser ansatz der forumstätigkeit unnötig...
|
ich bedaure es zutiefst und von ganzem herzen, versucht zu haben, dir zu helfen. solche gestalten sollen dann doch bitte dumm sterben.
|
|
|
|
|
|
|
|
Ähnliche Themen |
PS CC Bild in Ebene tauschen
[Flash] bei rollover bild tauschen...
Ebenenmaske Photoshop: Bild tauschen?
Bild tauschen bei aktivem Link
link klicken, bild tauschen (KEIN hover!)
Bild in Bild faden via javascript
|
|