Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Bilder Wechsel
#1
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
Zitieren
#2
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
Zitieren
#3
Ja super aber ich möchte jeden Tag ein neues Bild automatisch gewechselt haben.
Zitieren
#4
(10.02.2021, 15:44)Roland schrieb: Ja super

Hast du wirklich toll gemacht Schnapsnase Big Grin Big Grin
Zitieren
#5
(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
Zitieren
#6
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]
MyBB + innovative Themes:
NokiaPort.de Forum Nokia-Traditionsforum seit 2006.
Live Escape Game Forum Diskussionsplattform für Escape-Rooms.
Unlösbares Problem, Dilemma? -> das Nötel Smile
Zitieren
#7
Vielen Dank, wo muß ich den code einbauen?
Zitieren
#8
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]
MyBB + innovative Themes:
NokiaPort.de Forum Nokia-Traditionsforum seit 2006.
Live Escape Game Forum Diskussionsplattform für Escape-Rooms.
Unlösbares Problem, Dilemma? -> das Nötel Smile
Zitieren
#9
...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
Zitieren
#10
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.
Zitieren