MyBB.de Forum
Bilder Wechsel - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Bilder Wechsel (/thread-37672.html)

Seiten: Seiten: 1 2 3

Bilder Wechsel - Roland - 10.02.2021

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

RE: Bilder Wechsel - Schnapsnase - 10.02.2021

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. Wink

RE: Bilder Wechsel - Roland - 10.02.2021

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

RE: Bilder Wechsel - itsmeJAY - 10.02.2021

(10.02.2021, 15:44)Roland schrieb: Ja super

Hast du wirklich toll gemacht Schnapsnase Big Grin Big Grin

RE: Bilder Wechsel - Schnapsnase - 10.02.2021

(10.02.2021, 16:12)itsmeJAY schrieb: Hast du wirklich toll gemacht Schnapsnase Big Grin Big Grin

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

RE: Bilder Wechsel - [ExiTuS] - 10.02.2021

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/javascript/image/daily.html

[ExiTuS]

RE: Bilder Wechsel - Roland - 11.02.2021

Vielen Dank, wo muß ich den code einbauen?

RE: Bilder Wechsel - [ExiTuS] - 11.02.2021

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]

RE: Bilder Wechsel - Roland - 11.02.2021

...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

RE: Bilder Wechsel - Schnapsnase - 11.02.2021

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.