bilder austauschen

[chris]

hallo alle miteinander!

hätte ne kurze frage. hab mit hilfe von dreamweaver eine kleine homepage gebastelt und möchte jetzt auf einer html seite mehrere bilder einfügen die man dann mittels "vor-zurück"-buttons durchklicken kann. die bilder sollten genau übereinander liegen (wie beispielsweise hier: http://www.notlikehere.org/ongoing/recent/). habe leider nicht so viel erfahrung und weiß nicht wirklich genau wie ich das anstellen soll bzw. kann. scheinbar sollte das ganz einfach mit hilfe von einem javascript (onclick) applet möglich sein. hierzu reicht mein wissen jedoch leider nicht aus. wäre wirklich sehr, sehr dankbar wenn mir eventl. jemand weiterhelfen könnte.

beste grüße & 1000 dank
chris

[henman]

hallo,

scheinbar sollte das ganz einfach mit hilfe von einem javascript (onclick)

das ist ein Teil des Ganzen. du brauchst eine Funktion, die z.B. per onclick ausgelöst wird und beispielsweise das src-Attribut des img-Elementes ändert, damit ein neues Bild geladen wird. Das Bild musst du über Javascript erreichen können, also gib dem img-Element eine Id.
Jetzt kannst du über getElementById('deine_Bild_ID').src das Bild ändern.

also kurz:

in html:
<img onclick="bildwechsel()" alt="" src="bild_pfad" id="mein_bild">

javascript:
function bildwechsel()
{
// mach etwas mit getElementById('mein_bild')
}

grüße,
henman

[gast42]

Das Bild musst du über Javascript erreichen können, also gib dem img-Element eine Id.

Nein, das ist überflüssig, dafür gibt's this!

in html:
<img onclick="bildwechsel(this)" alt="" src="bild_pfad">

javascript:
function bildwechsel(bild)
{
// mach etwas mit bild
}

[chris]

1000 dank für eure antworten! leider reicht mein html/java knowhow nicht ganz aus das selber halbwegs richtig zum laufen zu bekommen. könnte mir bitte jemand das ganze dinge posten, also dass nur noch die bilder ausgetauscht werden müssen? das wäre wirklich sehr, sehr, sehr toll. also ganz einfach so wie hier: http://www.notlikehere.org/ongoing/recent/ mit hilfe von einfachen "prev | next - buttons". wäre wirklich unglaublich dankbar.

beste grüße
chris

[henman]

hallo,

java

java ist nicht javascript!

könnte mir bitte jemand das ganze dinge posten, also dass nur noch die bilder ausgetauscht werden müssen?

das is doch zu einfach. Versuchs selbst. Wenn du es geschafft hast, wirst du auch in der Lage sein, ganz andere Dinge anzustellen. Du musst nur erstmal das Prinzip verstehen. Darum gehts ja auch hier.
(Solche "hat ma einer nen Script für mich?"-Sachen sind hier soundso nicht so gern gesehen)

Da hab ich das auch mal etwas erklärt

also ganz einfach so wie hier: http://www.notlikehere.org/ongoing/recent/ mit hilfe von einfachen "prev | next - buttons".

ich habs mir jetzt nicht angeschaut, aber es werden nur ca. 3-4 Zeilen Javascript-Code. Selbst ein Anfänger wird darauf kommen. Wenn du noch Fragen hast, kannst du dich wieder melden.

grüße,
henman

[henman]

hallo,

Das Bild musst du über Javascript erreichen können, also gib dem img-Element eine Id.

Nein, das ist überflüssig, dafür gibt's this!

für mein Beispiel mag das stimmen, wenn es das Bild direkt und nicht über buttons o.ä. geht

grüße,
henman