| 

.NET C# Java Javascript Exception

4
Wie mache ich in Java- oder VBScript eine Funktion verfügbar, über die ein Anwender eine angezeigte Grafik (entweder die Hintergundgrafik oder die Grafik in einem bestimmten Bildobjekt) durch Anwahl selbst ändern kann (die Bilder liegen in einem gesonderten Unterverzeichnis der Webseite) . In den Bildfeldern möchte ich Produkt-Bilder anbieten, die durch direkte Anwahl oder auch eine Befehlsschaltfläche umschaltbar sein sollen.
08.11.2011
cipher_nemo 31 2
1 Antwort
2
Ein Bild änderst du in Javascript, wenn du sein src-Attribut änderst.
Für ein gegebenes Objekt namens img sieht das so aus:

img.src="pfad/zum/bild.jpg"


genauso gibt es Wege, css-Attribute zu modifizieren, und damit auch das Hintergrundbild:

div.style.backgroundImage = "url(pfad/zum/Bild.jpg)";


Das lässt sich aber angenehmer machen mit jQuery oder Prototype, die dann auch passende Methoden bieten, einen EventListener zu registrieren.

Bsp: du hast drei kleine Bilder die du anzeigst und ein großes, in dass eines der kleinen geladen werden kann durch einen Klick

HTML:

...
<p id="img_menu">
<img src="pfad/zum/bild1.jpg" alt="" />
<img src="pfad/zum/bild2.jpg" alt="" />
<img src="pfad/zum/bild3.jpg" alt="" />
</p>
...
<img id="large_img" src="pfad/zum/bild1.jpg" alt="" />
...


JS via jQuery:

$("#img_menu img").click(function(){
$("#large_img").src = this.src;
});


Ich habs nicht getestet, aber dieser code sollte alle img-Tags im #img_menu mit einem Eventversehen, dassbei einem Klick deren Bildquelle auf die Großansicht übertragt.

Grüße
Huckepick
08.11.2011
huckepick 887 2 8

Stelle deine Javascript-Frage jetzt!