Ändern Sie ein Bild mit onclick()
Ich möchte ein Bild in ein anderes Bild wenn ich auf das Objekt klicken. der code ist gestapelt in der folgenden Reihenfolge:
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
Was ich tun möchte, ist, wenn ich auf die
- das will ich ändern das Bild, um eine farbige version des Bildes, dh ein anderes Bild. Nun, ich weiß, ich kann jquery/JS, um es zu erreichen. Ich möchte aber nicht eine riesige Menge von JS-code, um etwas zu erreichen so einfach.Kann es geschehen, mit so etwas einfacher? Wie pseudo-Selektoren? .aktive Klasse??
Ich kann nicht scheinen, daran zu denken.
Es gibt keine schließen </img> - tag in HTML wie dieses. Sie müssen einfach zu verwenden <img src="die Quelle des Bildes" alt=""> "oder" /> für XHTML
InformationsquelleAutor amit | 2011-07-20
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ändern Bild onclik mit javascript müssen Sie haben Bild mit der id:
Dann könnten Sie rufen die javascript-Funktion, wenn die Bilder geklickt:
Dieser code wird gesetzt Bild zu maximieren.png, wenn der aktuelle img.src gesetzt ist, zu minimieren.png und Umgekehrt.
Für mehr details besuchen Sie:
"Bild ändern" onclick mit javascript-link
InformationsquelleAutor Markweb
Wenn Ihr Bilder benannt sind, die Sie verweisen können, die Ihnen durch den DOM und die Quelle wechseln.
oder
InformationsquelleAutor Clayton
Die Sie tun können, um trigger ein hintergrund Bild ändern beim überfahren mit der LI. Wenn Sie wollen, dass etwas geschieht bei Klick auf ein LI-und dann bleiben auf diese Weise, dann benötigen Sie einige JS.
Ich würde die Bilder Namen beginnend mit bw_ und clr_ und verwenden nur JS, um zwischen Ihnen wechseln zu müssen.
Beispiel:
link zu hantieren: http://jsfiddle.net/felcom/J2ucD/
Hinzugefügt am Beispiel
InformationsquelleAutor Collin G.
Wenn Sie nicht möchten, verwenden Sie js, ich denke, Sie können
<a href="javascript:void(0);"></a>
stattimg
und dann css verwenden, wieEDIT: NÖ. Sorry, es funktioniert nur für
:hover
InformationsquelleAutor Molecular Man
Können Sie versuchen, so etwas wie dieses:
CSS
HTML
Fiddle
InformationsquelleAutor Andres Ilich
Hier, beim Klick auf die nächste oder Vorherige, das src-Attribut eines img-Tags geändert wird, um den nächsten oder den vorherigen Wert in einem array.
War ich in der Lage, dies umzusetzen, indem Sie ändern diese Antwort: jQuery array mit Schaltflächen weiter und zurück Blättern Sie durch die Einträge
InformationsquelleAutor addzies
Dieses Skript hilft, um das Bild zu ändern, auf den text klicken:
sehen die
demo
InformationsquelleAutor M. Lak
InformationsquelleAutor Cherryishappy