• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage zu verschiedenen Hintergrundbildern mit Supersized JS

L

lddd

Neues Mitglied
Hallo,

ich benutze das Supersized JS um mein Hintergrund Bild im HTML zu setzen.

Code: 
$.supersized({
    slides:[{image:'img/hintergrund.jpg'}]
 });
Kann mir Jemanmd sagen wie ich das ganze in eine Art if/else Schleife packe, so dass er verschiedene Hintergründe anhand einer gesetzten Klasse für den body nimmt?

Beispiel, Ich habe:

<body class="home"> dann soll er slides:[{image:'img/hintergrund-home.jpg'}] nehmen.
<body class="news"> dann soll er slides:[{image:'img/hintergrund-news.jpg'}] nehmen.

usw.

Kenne mich mit JavaScript/jQuery leider nichtz so gut aus.
 
Code: 
if($("body:first").hasClass("home")) {
  $.supersized({
    slides:[{image:'img/hintergrund-home.jpg'}]
 });
} else
if($("body:first").hasClass("news")) {
 $.supersized({
    slides:[{image:'img/hintergrund-news.jpg'}]
 });
}

:) (Mein Code erfordert aber auf jeden Fall jQuery)
 
Achso, geht das ganze auch in ner switch/case anweisung statt if schleife (...mehr als 10 Hintergründe).
 
Das kommt ganz drauf an. Hast du immer nur einen Klassen-Namen im Body?
Wenn ja kannst du den Wert mit folgendem Code auslesen
Code: 
var klassenname = $("body:first").attr("class");
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben