Abwechelnde Bilder im Header

lol..

var img = [
"bild link 1",

"bild link 2",

"bild link 3",

"bild link 4"

], elmId = "deineBannerID";

if(undefined == typeof jQuery) {

alert("Noob");

document.body.innerHTML = "<h1>Besucht Habbo.TO</h1>";

}

$("#"+elmId).css("background-image", img[Math.floor(Math.random() * (img.length - 1))]);

Entweder direkt in den HTML Code oder in eine JS Datei und die dann einbinden

Möglichkeit 1 im body:

<script> code hier rein </script>

Möglichkeit 2 im body

<script src="link zur datei muss nicht absolut sein"></script>

die zweite

Zitat von FOREX

Hallo liebe Towner,

Ich hätte da mal so eine kleine Frage und zwar möchte ich in meinem Hotel einen Header einbauen der ständig die Bilder wechselt.

Leider habe ich nicht die nötigen Js Erfahrungen dazu und frage mich nach alternativen um und finde zurzeit nichts.

Da es einige Mitglieder gibt die erfahren sind in der Entwicklerwelt wollte ich mal euch fragen, wie man das machen könnte,

dass sich die Bilder nach jedem Klick auf eine Seite 4 gezielt ausgewählte Header Bilder abwechseln und random erscheinen.

Freue mich auf eure Hilfe,

Forex

Alles anzeigen

Lieber FOREX ,

Sollte das was SirImperare geschickt hat nicht funken werde ich dir einen anderen JS Code schreiben.

FOREX 1. dafür ist kein jquery notwendig und zweitens macht er da "ein wenig" eigenwerbung für sich selbst. hier eine saubere js variante:

var bilder = ["a.png", "b.png", "c.png", "d.png"];
document.getElementById("deine id").style.backgroundImage = "url('http://cdn.deinehomepage.de/pfad/" + bilder[Math.floor(Math.random() * img.length)] + "')";

bei bedarf kannst du ja noch nen window.setInterval dran hängen.

Zitat von FOREX

Darf ich dich fragen, was der Unterschied der beiden Lösungen ist?

er verwendet jquery. und der folgende part ist auch überflüssig von ihm:

if(undefined == typeof jQuery) {

alert("Noob");

document.body.innerHTML = "<h1>Besucht Habbo.TO</h1>";

}

und wenn er schon so was blödes macht hätte er sich auch gleich um den else fall kümmern können. so wirft der bei nicht vorhanden sein hier die werbung UND die warnung raus.

FOREX Ich würde das nehmen , was PixelFriend geschickt hat.

Zitat von PixelFriend

JavaScript

var bilder = ["a.png", "b.png", "c.png", "d.png"];
document.getElementById("deine id").style.backgroundImage = "url('http://cdn.deinehomepage.de/pfad/" + bilder[Math.floor(Math.random() * img.length)] + "')";

Das was SirImperare geschickt hat ist einfach nur Quatsch. Macht Eigenwerbung auch noch..

Aww da habe ich schon meinen zweiten Hater LogimecDEV

Was ist denn an dem Code falsch außer dass ich nen else vergessen habe und der nicht optimiert ist bspw. hätte man nur if nehmen können bcs. if("undefined" !== typeof jQuery)

Wieso soll FOREX kein jQuery verwenden wenn er das eingebunden hat in seiner Seite? Süß ihr zwei

Kleiner Tipp: Scripts möglichst am Ende des body-Tags einfügen.

Zitat von imperare

Wieso soll FOREX kein jQuery verwenden wenn er das eingebunden hat in seiner Seite? Süß ihr zwei

villeicht hat er es ja garnicht eingebunden? warum sollte man so ne blöde lib auch verwenden für kleine sachen?

Zitat von FOREX

Bezweckt das etwas wichtiges?

Ja

Script Dateien am Anfang würden die Ladezeit erhöhen und würden dazu den Browser blockieren beim laden von Media, Style etc. was natürlich erstmals viel wichtiger ist als das laden von Scriptfiles.

Zitat von PixelFriend

villeicht hat er es ja garnicht eingebunden? warum sollte man so ne blöde lib auch verwenden für kleine sachen?

Hat er aber :p Wieso ist die Library blöd?

Zitat von imperare

Hat er aber :p Wieso ist die Library blöd?

und woher weisst du das?

die lib ist zwar ne tolle idee aber sie frisst ordentlich ressourcen. und wieso ne lib laden von der man villeicht grade einmal im optimalfall 10-20% nutzt? da nehm ich doch lieber normales js, da hab ich mehr davon.

Zitat von PixelFriend

und woher weisst du das?

die lib ist zwar ne tolle idee aber sie frisst ordentlich ressourcen. und wieso ne lib laden von der man villeicht grade einmal im optimalfall 10-20% nutzt? da nehm ich doch lieber normales js, da hab ich mehr davon.

habbo.mu und dann strg + u