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
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.
Ja super aber ich möchte jeden Tag ein neues Bild automatisch gewechselt haben.
(10.02.2021, 15:44)Roland schrieb: [ -> ]Ja super
Hast du wirklich toll gemacht Schnapsnase
(10.02.2021, 16:12)itsmeJAY schrieb: [ -> ]Hast du wirklich toll gemacht Schnapsnase
Was hab ich toll gemacht?
Das ich hier überhaupt noch antworte?
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]
Vielen Dank, wo muß ich den code einbauen?
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]
...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
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.