zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden "each" - frage und "replace" frage

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.12.2018, 18:48
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 309
irmen befindet sich auf einem aufstrebenden Ast
Standard "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"));
Leider nicht mal für ein Bild.

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);
    });
mit den zwei Zeilen in der function wollte ich ausprobieren, ob ich dann alle diese alerts bekomme - ich bekomme mehrere alerts - aber immer wieder nur für das erste Bild

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!!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.12.2018, 21:06
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.898
protonenbeschleuniger 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

Du willst in der ecah Methode ja nur jeweils im aktuellen Objekt den String ersetzten.
Code:
$(".bildfest").each(function(){
    $(this).attr("src", $(this).attr("src").replace("-g", "-k"));
});
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.12.2018, 23:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 309
irmen befindet sich auf einem aufstrebenden Ast
Standard

ach ja , wenn du das so schreibst - ganz logisch ...

Vielen Dank!!!

Gute Nacht!
Mit Zitat antworten
  #4 (permalink)  
Alt 20.12.2018, 08:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.979
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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>
Beispiel ist von hier kopiert, dort findet man auch weiterführende Erklärungen
Mit Zitat antworten
  #5 (permalink)  
Alt 20.12.2018, 09:00
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 309
irmen befindet sich auf einem aufstrebenden Ast
Standard

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
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
jQuery - Frage zu Selektoren blade_runner Javascript & Ajax 3 05.09.2011 13:46
Frage zu einem Abstand, 2 Frage zu einem Bildwechsel (MouseOver) moonsorrox CSS 7 24.06.2011 08:31
Doctype Verständniss Frage Midnight Run (X)HTML 4 26.12.2008 03:16
Frage zu einem Gedanken (DIV positionieren) charlie CSS 1 06.09.2008 11:36
Frage zu "display:block;" John CSS 1 05.04.2005 16:58


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