Einfache Animation ohne Gif auf Homepage einbinden

Status
Es sind keine weiteren Antworten möglich.

Piccolomini

Aktives Mitglied
Der Hintergrund ist, wenn man von einem Objekt eine Animation erstellen möchte, hatte man die Bilder die aus einem AVI-Video zu JPG-Bilder exportiert hat, diese als GIF-Grafik umwandeln müssen.

Zwar nehmen diese Gif-Grafiken sehr viel Speicherplatz weg. Es gibt einen anderen Weg, dies über ein Java-Script in einer Webseite einzubinden.

Egal auf welchem Weg diese Dateien erstellt werden, die müssen dann am Ende als JPG lauten.

Zunächst ist es am Besten einen Ordner zu erstellen, indem man dort diese Bilder abspeichert. Die Reihenfolge dieser Bilder muss mit z.B.: Bild_1.jpg .. Bild_2.jpg ---- Bild_400.jpg lauten. Andere Zeichenfolge in dem Dateinamen funktionieren mit dem Script nicht (Bild_0001.jpg)

Im Head-Bereich der Html-Datei muss folgendes stehen:

<SCRIPT language=javascript>
<!--

<!--
var counter = 1;

function anime() {
if(counter <= 458) {
document.images.bild.src = "ISS/ISS_" + counter + ".jpg";
counter++;
setTimeout("anime()", 500);
} else {
counter = 2;
setTimeout("anime()", 0);
}
}
//-->
</SCRIPT>

Der Ordner in diesem Script, "ISS" ist der Ordner indem sich die Bilder dort befinden. Dieser muss jeweils anders lauten, also jeweils der Name des Ordners wo sich die Bilder dort befinden !

mit if(counter <= 458) bedeutet = in dem Ordner sind 458 JPG-Dateien, die jeweils mit der Anzahl der Bilder geändert werden muss.
Wenn im Ordner sich 900 Bilder befinden muss das Script mit:

if(counter <= 900) - geändert werden.

In der nächsten Zeile im Html-Code muss dies stehen:


An der Stelle wo dann die animierte Grafik als JPG-Format erscheinen sollte, muss dieser Code dort eingefügt werden.

<p><IMG style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
src="ISS/ISS_1.jpg" name=bild width="900" height="675"></p>
 
Status
Es sind keine weiteren Antworten möglich.
Zurück
Oben