mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 09:14 Benutzername: Passwort: Auto-Login

Thema: Mit jQuery DOM manipulieren vom 02.10.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Mit jQuery DOM manipulieren
Autor Nachricht
gotoAndPlay
Threadersteller

Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst So 02.10.2011 11:28
Titel

Mit jQuery DOM manipulieren

Antworten mit Zitat Zum Seitenanfang

Moin,
ich will für eine Fotostrecke den DOM manipulieren. Links neben dem Bild sollen die jeweiligen Thumbnails angezeigt werden. Je nach Bildschirmgröße sollen eine bestimmte Anzahl an Bildern angezeigt werden.

Um dies zu erreichen, will ich das Element manipulieren und an der richtigen Stelle das umschließende LI Element schließen und ein öffenendes LI Element einfügen:

Code:
[quote]$("#navi li.thumbs IMG").eq("2").after('</LI><LI class=\"thumbs\">');


Doch leider zeigt Firebug es mir folgendermaßen an:

Code:
<img src="fotostrecke/thumbs/3.jpg">
<li class="thumbs"></li>
<img src="fotostrecke/thumbs/4.jpg">


Aber eigentlich sollte es so aussehen:


Code:
<img src="fotostrecke/thumbs/3.jpg">
</li><li class="thumbs">
<img src="fotostrecke/thumbs/4.jpg">


Wieso wird das </li><li class="thumbs"> automatisch umgedreht und nicht so eingefügt wie ich das haben will?

Hat jemand ne Idee?
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst So 02.10.2011 16:00
Titel

Antworten mit Zitat Zum Seitenanfang

Du solltest auch in jQuery gleich echte HTML-Knoten bauen. Also Liste anfügen und dort items einfügen o.ä. Sinnvoll wäre eine Info, wie die Struktur vorher aussieht.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Di 04.10.2011 09:14
Titel

Antworten mit Zitat Zum Seitenanfang

und warum haust du nicht nach jedem li.thumb ein li.thumb rein? versteh das Problem jetzt nicht so ganz...
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 04.10.2011 10:39
Titel

Antworten mit Zitat Zum Seitenanfang

pantonine hat geschrieben:
Du solltest auch in jQuery gleich echte HTML-Knoten bauen...


... und dass so, dass die img-tags als liste ge'wrappt' werden

http://api.jquery.com/wrap/


Zuletzt bearbeitet von pixelpapst303 am Di 04.10.2011 10:39, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Änderungsdatum bei Bilddateien manipulieren
HTTP-Request manipulieren / Brauche Hilfe
jQuery Plugin - Slider als Input wie in jQuery UI
jquery - hide content in jquery object
jQuery
jQuery 1.4
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.