Headerbild manuell ändern

[RoyalArsenal]

Hi Leute,

Zurzeit kriegt man bei jedem Reload meines Blogs ( http://silverscreen87.blogspot.com/ ) ein neues Headerbild angezeigt. Wie kann ich es so einrichten, dass man die Headerbilder ohne Reload der ganzen Website sondern einfach per Klick ändern kann? Sozusagen dass wenn man mit der Maus über den Header gleitet zwei Pfeile (links und rechts) erscheinen, mit denen man durch die 200 Headers blättern kann?

 

[Maik]

Hi,

vielleicht sagt dir hier Coda Slider Effect zu.

mfg Maik

 

[RoyalArsenal]

Danke für den Tipp.

Der Code sieht bei mir zurzeit folgendermassen aus:

<script type="text/javascript">

var banner= new Array()

banner[0]="http://static.flickr.com/84/269053449_acad87a793_o.jpg"
banner[1]="http://static.flickr.com/95/269053438_4ef5a3983e_o.jpg"
banner[2]="http://static.flickr.com/96/269053404_44a3b0eda8_o.jpg"
banner[3]="http://static.flickr.com/108/269053262_608edbdda4_o.jpg"
banner[4]="http://static.flickr.com/98/269053232_6f7c6f994a_o.jpg"
var random=Math.round(4*Math.random());

document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");

</script>

Lässt man schicke Pfeile etc. weg, gäbe es keine Möglichkeit was in dem oberen Code zu verändern dass man dann nur mit einem Klick auf das Headerbild zwischen den Bildern blättern kann? Weil ich merke jetzt schon dass andere Varianten, sprich mit aufwändigen Javascripts, zu lange gehen würden.