Wechselnde Bilder im Header?!?

Phips28

Hallo zusammen!

Habe eine Frage zur Header-Grafik bei meinem Wordpress-Theme.
Hier mal der Link zu meiner Seite...

Und zwar, ist es möglich hier einen selben Effekt hinzubekommen
wie er auf surfcamp.at realisiert wurde?

Sprich die Bilder, welche optimalerweise in einem Ordner am Server liegen und somit einfach ausgetauscht werden können, sollte in einem Abstand von sagen wir mal 10 Sekunden wechseln.

Gibt es hierfür irgendein Plugin oder dergleichen?

Bin für jeden Tipp dankbar!!!
Viele Grüße Philipp

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Phips28

Ach ja, und das ganze möglichst ohne Flash um die Ladezeiten so gering wie möglich zu halten...

ratterobert

ich möchte mal behaupten, dass es ohne flash nicht möglich ist.

BloggerBen

ich mach mal Eigenwerbung, Bei uns auf http://www.Blogger-Portal.de hat es mein Co-Admin auch so gemacht, dass der Header wechselt.

Einfach mal eisregen1986 bei uns im Forum anschreiben. ;)

Gruss

Jeriko

Oooch, da gibts schon diverse JavaScript-Slideshow-Lösungen. Da ich die alle nicht kenne möchte ich aber auch keine Empfehlung aussprechen. Ein bisschen nach "javascript slideshow" googeln sollte aber durchaus was zu Tage bringen.

Gruß Jeriko

cbHP

hab mir das gerade mit der slideshow angeschaut!
aber das Problem ist ja das mein Bild in der CSS Datei steht und ich da ja nicht das java script reinkopieren kann ....

EDIT: wenn ich es so mache und beides in meine page.php datei reinkopiere hab ich oben eine wunderschöne slideshow und mein Menü das vorher über dem Bild lag ist jetzt einfach komplett nach unten verschoben und ich bekomm es nichtmehr über das Bild sondern nur noch darunter oder darüber!?

deswegen sollte ich die slideshow vielleicht doch irgendwie in meine css datei reinbringen dann klappts vielleicht ...

zumindest sollte ich im css mein erstes Bild mal bennen, das er dann immer wechselt, vielleicht klappt das ja.

nur wie benenn ich da was?

background: url(...) no-repeat;

??

oder muss ich das anders machen?

cbHP

hier ist der Teil der in den Head muss!

Code

<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var b = new Array();
b[0] = new Image();
b[0].src = "/hp/wp-content/themes/red-train-1_0/images/bahn.jpg";
b[1] = new Image();
b[1].src = "/hp/wp-content/themes/red-train-1_0/images/bahn2.jpg";
b[2] = new Image();
b[2].src = "/hp/wp-content/themes/red-train-1_0/images/bahn3.jpg";


var n = 2; // hier steht die Anzahl der Bilder (Bilder - 1)
var i = -1;
var t = 4000; // anzahl sekunden, 2000 = 2 sekunden
var f = 0;
var z = "bahn"; // name des IMG welches ausgetauscht werden soll
function next() {
  i++;
  if(i > n) { i = 0; }
  document.images[z].src = b[i].src;
}
function delay() {
  if(f == 0) next();
  window.setTimeout("delay()",t);
}
//-->
</SCRIPT>

Alles anzeigen

und hier der Rest in den Body!

Code

<body onload="delay();">
<img src ..... name="bahn">

fertig geht wunderbar

snoopy64

Da der Titel so schön passt, hänge ich mich hier mal dran:
ich möchte zwar "feste" Header haben, aber je nach Unterseite unterschiedlich. Sprich auf der Seite "Über mich" einen Header mit einer Fotocollage von mir, auf der Seite Fotografie einen Header mit einem Bildermix und so weiter und so fort.
Zur Zeit arbeite ich noch mit Rapidweaver und bin "eigentlich" auch ganz angetan von dem Programm, blöd nur, dass ich nur von meinem Heimcomputer dran arbeiten kann. Die unterschiedlichen Header liegen mir tatsächlich sehr am Herzen :rolleyes: . Wäre toll, wenn sich das mit WP realisieren ließe.
http://www.birgit-giering.de
VG
snoopy64

Monika

snoopy64

7 kat 7 header

je nach Kat oder Seite anderes Bild im Header

hilft dies weiter?

lg

snoopy64

Das liest sich schon mal sehr gut. Scheint genau die Lösung zu meinem Wunsch zu sein. Mal schauen, wann ich ans Basteln komme.
Thanx
snoopy64

cbHP

nun bleibt aber noch die weitere Frage offen wie ich das bild in der css datei bennen kann damit mein java script erkennt welches Bild es austauschen soll, denn das tut es noch nicht.

Phips28 bist du eigentlich schon weitergekommen ?? Hast eisregen gefragt?

Lutherbaer

Hi cbHP,

ich habe auch nach einer Möglichkeit gesucht, einen wechselnden Header einzubauen.
Mit dem von Dir gezeigten Code hats geklappt, ich hab's so gemacht:

In meiner CSS die Benennung des Bildes (hier "seqheader"):

Code

#headerimage {width:998px; height:233px; background:url('images/bg_header.jpg') no-repeat top left name="seqheader"; float:left; position:relative}

Im Header der entsprechenden Seite dann Deinen Code:

Code

var b = new Array();
b[0] = new Image();
b[0].src = "http://forum.wordpress-deutschland.org/images/bg_header.jpg";
b[1] = new Image();
b[1].src = "http://forum.wordpress-deutschland.org/images/bg_header2.jpg";
b[2] = new Image();
b[2].src = "http://forum.wordpress-deutschland.org/images/bg_header3.jpg";
usw.

Und der eigentliche Aufruf beim Header-Image:

Code

<div id="headerimage">
        <img src="http://forum.wordpress-deutschland.org/images/bg_header.jpg" name="seqheader">

Hoffe, es läuft inzwischen auch bei Dir, dem Ideen-Geber. ;-)

Edit:
Mich haben eben die harten Übergange zwischen den Bildern gestört, hier bin ich dann auf eine Slideshow mit einem sanften Fading zwischen den Bildern gestoßen, das nach dem gleichen Prinzip wie der obige Code aufgebaut ist.
Klappt super ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wechselnde Bilder im Header?!?

Jetzt mitmachen!