mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 12:51 Benutzername: Passwort: Auto-Login

Thema: spezielles bild per id tag und javascript tauschen vom 05.01.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> spezielles bild per id tag und javascript tauschen
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

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*_

<img id="master" src="Pics/g.png">


es wäre klasse, wenn mir jemand helfen könnte...

viele grüsse,
senso
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Do 05.01.2012 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
document.images[0]
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Do 05.01.2012 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

Worauf du achten musst ist, falls du XHTML als Doctype verwendest, dass du auch onclick klein schreibst - weil xhtml case sensitve ist.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
senso
Threadersteller

Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 05.01.2012 15:09
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Do 05.01.2012 16:53
Titel

Antworten mit Zitat Zum Seitenanfang

dann mach dich mit den grundlagen vertraut. deine funktion zeige() setzt immer nur den src des 0-ten bildes des document.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
senso
Threadersteller

Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 05.01.2012 17:30
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 05.01.2012 18:18
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
document.images[id="master"].src=bilder[nr].src;


Au weia!

Dir zu erklären, WARUM das nun funktioniert ... lol ...


Zuletzt bearbeitet von bacon am Do 05.01.2012 18:19, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Fr 06.01.2012 17:24
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.