zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bild ersetzten durch Bild-nr. +1

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.04.2011, 16:44
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2010
Beiträge: 43
luki.boy befindet sich auf einem aufstrebenden Ast
Standard Bild ersetzten durch Bild-nr. +1

Hi leute

mal angenommen ich habe 100 bilder:
1.jpg; 2.jpg; 3.jpg; ...; 99.jpg; 100.jpg
nun habe ich auch noch ein div mit Bild-Nr. 50:
Code:
<div>
<img src="50.jpg" />
</div>
daneben habe ich einen Button:
Code:
<input type="submit" value=">" />
Jetzt möcht ich das ich wenn ich auf button > klicke, das bild (50.jpg)
durch bild 51.jpg ersetzt wird. Also irgend ein Code:
Code:
{
 if klick submit=">"
 than
 wechsel image="Bildnummer.jpg" nach="Bildnummer+1.jpg"
}
Also: Bei klick auf den Button soll mein angezeigtes bild (im beispiel 50.jpg) durch das bild ersetzt werden, welches eine Nummer höher gesetzt ist (51.jpg)!
Es soll aber nicht heißen, dass die Funktion nur bei Bild 50 angewendet wird sondern jedes im div befindliches bild soll durch das höhere bild ersetzt werden...

Geändert von luki.boy (12.04.2011 um 16:54 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.04.2011, 17:16
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.06.2007
Ort: Verden
Beiträge: 405
chorn wird schon bald berühmt werden
Standard

Schöne Projektbeschreibung. Wo ist das Problem? Wo ist die Frage? Die Stelle an der du nicht weiterkommst? Der Javascript-Code den du schon probiert hast?

Das Event das du suchst ist "onclick", wenn du dem Bild eine ID gibst, kannst du es per document.getElemntById() ansprechen, die Eigenschaft des "img"-Tag heisst "src", Addition bekommst du wohl alleine hin. Ggf. noch zwischenspeichern wo du zu letzt warst.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.04.2011, 20:26
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.09.2010
Beiträge: 43
luki.boy befindet sich auf einem aufstrebenden Ast
Standard

Ja das mit onclick ist klar und element by id oder so ist auch klar, addieren kann ich auch, aber nicht mit html oder java... Da muss man mir helfen...!?! Und wie soll ich einem bild eine id geben welches am anfang gar nicht da ist? Ein kompletter code ( mit html und java ) währe sehr hilfreich...
Mit Zitat antworten
  #4 (permalink)  
Alt 13.04.2011, 09:13
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von luki.boy Beitrag anzeigen
Ja das mit onclick ist klar und element by id oder so ist auch klar, addieren kann ich auch, aber nicht mit html oder java... Da muss man mir helfen...!?! Und wie soll ich einem bild eine id geben welches am anfang gar nicht da ist? Ein kompletter code ( mit html und java ) währe sehr hilfreich...
Wieso Java?
Kompletter Code wäre wirklich hilfreich, ansonsten läßt sich dir schwer helfen, wir kennen dein konkretes Problem nicht und deine Beschreibung ist zu allgemein, als dass man einen Vorschlag machen könnte.
Wenn du erwartest, dass wir dir Code liefern, dann müßtest du eher ein Jobangebot, als eine Hilfeanfrage machen.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 14:33
Bild als Active makieren siriussmarty CSS 0 08.07.2010 14:37
Bild über Bild rafa CSS 2 24.01.2010 18:46
Bild über Bild legen mit position: relative (IE6 Problem) naitsab CSS 3 09.06.2009 13:20
Verflixter Rahmen um ein Bild Webelix CSS 6 22.07.2007 12:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:55 Uhr.