Wir wollen ein Bilderbuch erstellen.

Erstellt Euch einen neuen Ordner "Bilderbuch" und ein neues Blatt.

Die grüne Farbe "grüne" kann man das Buch vergrößern

Die blaue Farbe "blau" sind die Bilder.

Wichtig: das letzte Bild darf kein Komma "," haben sondern genau so stehen lassen wie es da steht >> Nun das *.jpg hier ändern "6.jpg","" // NOTE No comma after last line );

// 7 variables to control behavior
var Book_Image_Width=300;
var Book_Image_Height=300;
var Book_Border=true;
var Book_Border_Color="633300";
var Book_Speed=15;
var Book_NextPage_Delay=1500; //1 second=1000
var Book_Vertical_Turn=0;

// array to specify images and optional links. At least 4
// If Link is not needed keep it ""

Book_Image_Sources=new Array(
"1.jpg","",
"2.jpg","",
"3.jpg","",
"4.jpg","",
"5.jpg","",
"6.jpg","" // NOTE No comma after last line
);

Nun muss Du ein "blind.jpg" erstellen, am besten einen "Hintergrund"  ohne Farbe aber so benennen. test.htm und dann später umbennen als blind.jpg habe ich ausprobiert klappt prima.

<div id="Book" style="position: relative;"> <img src="../Javascript/blind.jpg" height="300" width="600">

Hier muss der Pfad richtig stimmen.
Sucht Euch ein paar Bilder, am besten erstellt Ihr sie etwas kleiner, ich habe sie komprimiert aber sie schauen so verzehrt aus.

Hier könnt Ihr das komplette Script downloaden

~*~Mein Bilderbuch~*~

Liebe Grüsse Anita
Beachte bitte meine Nutzerbedingungen!