|
|||
"each" - frage und "replace" frage
Hallo ich möchte, wenn das BrowserFenster hochkant ist, andere Bilder laden lassen, als wenn das Browserfenster quer ist.
Ich habe alle Bilder doppelt. der Name ist immer bildname-g.jpg und bildname-k.jpg alle relevanten Bilder haben die klasse .bildfest Die Browserfensterabfrage geht, aber ich stehe jetzt vor zwei Problemen: 1. den bildnamen zu ändern - 2. für jedes Bild mit der Klasse .bildfest. zu 1. habe ich probiert - aber es geht leider nicht Code:
$(".bildfest").attr("src", $(this).attr("src").replace("-g", "-k")); zu 2. wollte das so machen - aber das geht auch nicht, fürchte ich Code:
$(".bildfest").each(function(){ var namedesbildes = $(".bildfest").attr("src"); alert(namedesbildes); }); Kann mir bitte jemand weiterhelfen? gerne einen link wo der passende Befehl beschrieben ist - ich suche schon so lange herum, aber ich finde nie etwas, das auf mein Problem passt. Vielen Dank für eure Hilfe!! |
Sponsored Links |
|
|||
Warum wird hierfür nicht das picture Element inklusive sources verwendet?
Damit sparst du dir das und kannst für verschiedene Aufllösungen und Orientierungen dein Bild angeben. Code:
<picture> <source srcset="smaller_landscape.jpg" media="(max-width: 40em) and (orientation: landscape)"> <source srcset="smaller_portrait.jpg" media="(max-width: 40em) and (orientation: portrait)"> <source srcset="default_landscape.jpg" media="(min-width: 40em) and (orientation: landscape)"> <source srcset="default_portrait.jpg" media="(min-width: 40em) and (orientation: portrait)"> <img srcset="default_landscape.jpg" alt="My default image"> </picture> |
|
|||
Vielen Dank für den Vorschlag!
Das ganze wird in einer WP-Installation verwendet und dort kann man über die custom fields ein Bild auswählen. Das heißt, ich weiß nicht, welchen Namen das Bild haben wird. LG Irmen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery - Frage zu Selektoren | blade_runner | Javascript & Ajax | 3 | 05.09.2011 14:46 |
Frage zu einem Abstand, 2 Frage zu einem Bildwechsel (MouseOver) | moonsorrox | CSS | 7 | 24.06.2011 09:31 |
Doctype Verständniss Frage | Midnight Run | (X)HTML | 4 | 26.12.2008 04:16 |
Frage zu einem Gedanken (DIV positionieren) | charlie | CSS | 1 | 06.09.2008 12:36 |
Frage zu "display:block;" | John | CSS | 1 | 05.04.2005 17:58 |