Blogger.de :: Hilfe und Support

Hallo (speziell an die Technikgemeinde um Herrn blue sky, hat Herr Kid gesagt); ich habe mein blog renoviert mit einem alyout von antville. da ich den header eh anpassen mußte, dachte ich, ich tue dies mit einem automatischen headerbild, das immer mal wieder wechselt, ohne daß ich immer dran rumfriemeln muß. frau syberia hat sowas z.b., allerdings auf WP-basis. leider hab ich nicht sooo das tiefenwissen für diese sachen; könnte mir hier wer weiterhelfen bitte?

Besten Dank! :-)

Sie wissen schon, wie Sie mich ködern. :)

Nehmen wir an, Sie hätten drei Headerbilder bei sich hochgeladen, fortlaufend nummeriert mit den Namen image1.jpg, image2.jpg und image3.jpg. Dann gehen Sie in die Skin "Site Layout > Main page", suchen die Zeile

<td class="header" colspan="2"><a href="https://cats.blogger.de/" title=""><img width="768" height="176" title="" border="0" src="/static/antville/cats/images/image1.gif" alt="" /></a></td>

ersetzen sie durch

<td class="header" colspan="2"><a href="https://cats.blogger.de/" title=""><script LANGUAGE="JavaScript">
<!-- Hide
var imagenumber = 3 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
document.write('<img width="768" height="176" title="" border="0" alt="" src="https://cats.blogger.de/static/antville/cats/images/image' + rand1 + '.jpg">')
// -- End Hiding -->
</script></a></td>

und sichern die Änderung mit "Save + Close". Dann müsste es eigentlich klappen.

Der Trick ist das Stückchen Javascript in der Mitte, mit dem bei jedem Laden eine Zahl zufällig zwischen 1 und 3 ausgesucht und daraus der jeweilige Bild-Link erzeugt wird. Wenn Sie mehr oder weniger Bilder nach diesem Schema hochgeladen haben, passen Sie die Zahl hinter imagenumber= entsprechend an.

P.S.: Sie sollten Fotos wie Ihr Headerbild nach Möglichkeit nie im GIF-, sondern im JPG-Format speichern; GIF ist für Fotos nicht gut geeignet (unterstützt beispielsweise nur 256 Farben statt 16 Millionen) und verbraucht auch mehr Platz.