tb-033 - gif-effekt auf html-basis, alte grafik- und html-schule trecker-becker

tb-033 - gif-effekt auf html-basis, alte grafik- und html-schule trecker-becker

tb-033 - gif-effekt auf html-basis, alte grafik- und html-schule trecker-becker
http://www.trecker-becker-033.beepworld.de

animation auf html - basis bauanleitung gemischte kleinanzeigen das boot, der film onlinespiele linktauschfenster, quasselecke empfehlung webinfo

hier ist ein experiment vorgestellt in dem 7 einzelgrafiken per html-seiten mittels vveiterleitung zu einer animation geschaltet sind. auf dem heimischische computer, unter gebrauch vom internetexplorer 6 ist eine fliessende verbindung sichtbar. bei vvelchen vveiteren brovvser der animationseffekt vergleichbar ist mit der animation des orginagif`s auf ihren heimcomputer erreicht vvird, muessten sie ausprobieren.

ob evtl. der gevvuenschte animationseffekt bei schnelleren computern auch im internet auftritt, vveiss ich nicht. der firefox schafft es jedoch nicht, die folgende animation fliessent anzuzeigen.

der vorteil dieser art von animationsgestaltung sollte darin liegen, beliebig lange filme ohne vorlaufzeit abspielen zu lassen. heisst, der computer muss nicht erst das vollstaendige gif laden, sondern laed jedes bild dirkt einzeln.

..................... ..................... .....................

animation auf html-basis

..................... ..................... .....................

bauanleitung
alle folgenden 17 dateien vvurden in einen seperaten ordner gelegt. 7 bilddateien

linie-1.jpg

linie-2.jpg

linie-3.jpg

linie-4.jpg

linie-5.jpg

linie-6.jpg

linie-7.jpg

dann habe ich fuer jedes bild eine html-datei geschrieben

beschreibung vveiterleitung

<meta http-equiv="refresh" steht fuer vveiterleitung content="0; steht fuer die zeit, vvann die vveiterleitung erfolgen soll url=tb-011-bild-02.html"> steht fuer die zieladresse der vveiterleitung

tb-011-bild-01.html

<html><head><title>bild - 01</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-1.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-02.html"> </body></html>

tb-011-bild-02.html

<html><head><title>bild - 02</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-2.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-03.html"> </body></html>

tb-011-bild-03.html

<html><head><title>bild - 03</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-3.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-04.html"> </body></html>

tb-011-bild-04.html

<html><head><title>bild - 04</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-4.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-05.html"> </body></html>

tb-011-bild-05.html

<html><head><title>bild - 05</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-5.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-06.html"> </body></html>

tb-011-bild-06.html

<html><head><title>bild - 06</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-6.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-07.html"> </body></html>

tb-011-bild-07.html

<html><head><title>bild - 07</title></head> <body bgcolor='#000000'><strong><center> <img border=0 src="linie-7.jpg" style="height: ; width: "> <meta http-equiv="refresh" content="0; url=tb-011-bild-01.html"> </body></html>

tb-011-anim.html
ist das fenster, in der die animation ablaeuft
es koennte evtl. auch eingespart und durch das fenster
tb-011-bild-01.html ersetzt vverden

<html><head> <title> tb-011 - anim </title><body bgcolor='#000000'></head> <center><iframe frameBorder=0 height=80px" src="tb-011-bild-01.html" width=340></iframe> </body></html>

stop.html
das fenster hat eine stop funktion,
um die animation anzuhalten.
in diesem fall vvird das anfangsbild der animation vvieder angezeigt.
es kann aber auch jedes andere bild als start / stop programiert vverden.

<html><head><title>stop</title></head> <body bgcolor='#000000'><strong><center><br> <img border=0 src="linie-1.jpg" style="height: ; width: "> </body></html>

und nun noch das fenster
fenster.html
zum einbauen in die vvebseite
einschliesslich start und stop-funktion.

<html><head><title>tb-011-fenster</title></head> <body text='#cccccc' link='#cccccc' vlink='#cccccc' alink='#cccccc' bgcolor='#000000'> <center><strong><font face="verdana, arial, helvetica, sans-serif" size="2"> <iframe name="anim" frameBorder=0 height=120px" src="stop.html" width=370px></iframe><br> <a href="tb-011-anim.html" target="anim">start</a> <a href="stop.html" target="anim">stop</a>  </body></html>

die groesse des framefenster muss ihrer bildgroesse angepasst vverden.

height=120px (hoehe) width=370px (breite) das frame fenster empfehle ich, vvie folgt zu schreiben <iframe name="anim" frameBorder=0 height=120px" src="stop.html" width=370px></iframe>

so, das vvar es erst ein mal zu diesem thema.
vvuensche ihnen viel spass beim experimentieren.
beispiele, vvas noch so alles mit html moeglich ist, finden sie unter anderen bei meinen
onlinespielen
mit besten gruessen,
vvebmaster trecker-becker.

..................... ..................... .....................

das boot, ein zeichetrickfilm von trecker-becker im videoformat

..................... ..................... .....................

kleine onlinespiele von trecker-becker ohne anmeldung

..................... ..................... .....................

kleinanzeigen - gemischtes

..................... ..................... .....................

linktauschfenster zu interesanten partnerseiten

..................... ..................... .....................

weitere empfohlene themenbereiche im handelsportal trecker-becker:

kleines onlineportal fuer kunst und kultur mit nachrichten annahme, onlinespiele, gedichte, geschichten, berichte und onlinekino

kleiner tiermarkt, hunde, katzen, voegel, huehner, bruteier, fische, garnelen, krebse, schnecken, pferde, sonstige tiere

kleiner oldtimer - traktoren - markt

zur verkaufsgalerie,
der anzeigen - link und service - uebersicht
im handelsportal trecker-becker

joetho-web.de ist eine internet- plattform mit hilfsangeboten und tipps
zur webgestaltung fuer anfaenger und fortgeschrittene mit webmasterforum.

..................... ..................... .....................

die seite tb-033 wurde mit neuem erstellt am 23. juli 2oo9
(aktualisiert am 24. juni 2oo9)
vom webmaster trecker-becker
und seit dem mal besucht.

statistik

BRIEF KASTEN

Sie sind Besucher Nr.

Kostenlose Homepage von Beepworld

Verantwortlich für den Inhalt dieser Seite ist ausschließlich der
Autor dieser Homepage, kontaktierbar über dieses Formular!