[Roland]

Hallo !!

Ich würde gerne einen Bildwechsel einbauen im branding geht das?

Ich habe das Forum https://www.samos.at/my_samosforum/
Mein Themen = Audentio Dazzle

Für Antworten wäre ich sehr dankbar!! Danke

[Schnapsnase]

Einen Bildwechsel kannst Du z.B. mit einer CSS-Animation erstellen.
Hier sind auch weiche Übergänge möglich, damit das Bild nicht aprupt wechselt.
Schau Dir mal in diesem Forum das Header-Banner an.
Das ist eine solche Animation, die ich Gerti mal eingebaut habe.

[Roland]

Ja super aber ich möchte jeden Tag ein neues Bild automatisch gewechselt haben.

[itsmeJAY]

Ja super

Hast du wirklich toll gemacht Schnapsnase

[Schnapsnase]

Hast du wirklich toll gemacht Schnapsnase

Was hab ich toll gemacht?
Das ich hier überhaupt noch antworte?

[[ExiTuS]]

Hier eines von vielen Beispielen:

Code:

<script type="text/javascript"><!--
var imlocation = "images/";
function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
}
image = new ImageArray(7);
image[0] = 'sunday.gif';
image[1] = 'monday.gif';
image[2] = 'tuesday.gif';
image[3] = 'wednesday.gif';
image[4] = 'thursday.gif';
image[5] = 'friday.gif';
image[6] = 'saturday.gif';
var currentdate = new Date();
var imagenumber = currentdate.getDay();
document.write('<img src="' + imlocation + image[imagenumber] + '">');
//--></script>

Ausgeliehen von: https://www.mediacollege.com/internet/ja...daily.html

[ExiTuS]

[Roland]

Vielen Dank, wo muß ich den code einbauen?

[[ExiTuS]]

Dieser Codeschnipsel platziert das <img>-Tag genau an die Stelle, wo es eingefügt wird.
Suche dir in deinem Header Template das <img ...> deines jetzigen Bildes und ersetze es durch diesen Code.

Achte auf die Dateinamen und Pfadangaben der Bilder - ggf. passe die Variable "var imlocation =" nach deinen Belieben an.

[ExiTuS]

[Roland]

...mein Bild ist in der global css im header habe ich das logo was ich nicht verwende!

Code:

<a href="{$mybb->settings['bburl']}/index.php" class="logo left"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

.branding {
    background: url(images/audentio/dazzle/bild2.png);
    vertical-align: middle;
    height: 250px;
    line-height: 93px;
    margin: auto;

Liebe Grüße Roli

[Schnapsnase]

Ersetze Deine o.g. Zeile im Template "header" wie folgt:

Code:

<a href="{$mybb->settings['bburl']}/index.php">
<script type="text/javascript"><!--
var imlocation = "images/";
function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
}
image = new ImageArray(7);
image[0] = 'sunday.gif';
image[1] = 'monday.gif';
image[2] = 'tuesday.gif';
image[3] = 'wednesday.gif';
image[4] = 'thursday.gif';
image[5] = 'friday.gif';
image[6] = 'saturday.gif';
var currentdate = new Date();
var imagenumber = currentdate.getDay();
document.write('<img src="' + imlocation + image[imagenumber] + '">');
//--></script>
</a>

Danach entfernst Du in der global.css bei der Klasse .branding das Background-Image.