| Autor |
Nachricht |
Marx
Dabei seit: 28.10.2006
Ort: Wien
Alter: 36
Geschlecht: 
|
Verfasst Mi 20.12.2006 18:53
Titel
|
  |
|
| Kev hat geschrieben: | | naja,..erklärt aber nicht die animation und wie ich das am ehesten auf andere Objekte/SItuationen übertragen könnte.. |
Du erstellst mit einem Programm eine Bitmapsequenz (kleine Auflösung, so etwas um 20 Px)und importierst diese. Oder Du imporierst ein animiertes Gif.
Wie Du Animationen erstellst hängt jetzt von den Programmen ab, die Du verwendest. Diese Frage ist wohl etwas zu allgemein, um sie hier beantworten zu können.
Für den Anfang kannst Du Dich ja mit ImageReady spielen, oder nimmst fertige Gifs.
|
|
| |
  |
 |
schachbrett
Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 20.12.2006 21:13
Titel
|
|
|
Zur Verdeutlichung 'n Prototyp in JS (habs nur im FF getestet..). Die Animation ist dieser  (verkleinert).
| Code: | <html>
<head>
<style type="text/css">
body {
margin: 0;
background: #aaa;
}
div#rast {
position: absolute;
z-index: 1;
width: 800px;
height: 400px;
background: url(http://www.datei-upload.net/images/files/a7371195a2fa6cc/wdRKbNC40h.gif) repeat;
}
div#anim {
width: 800px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
background-color: #ccc;
margin: -200px 0 0 -400px;
border: 2px solid #888;
overflow: hidden;
}
div#anim img {
position: absolute;
top: 160px;
width: 384px;
height: 112px;
}
</style>
<script type="text/javascript">
var BLOCK = 32;
var x = -BLOCK * 15;
function anim() {
x += BLOCK;
if( x > BLOCK * 25) x = -15 * BLOCK;
document.getElementById( "obj" ).style.left = x + "px";
}
</script>
</head>
<body onload="window.setInterval('anim()',200)">
<div id="anim">
<div id="rast"></div>
<img id="obj" src="http://www.datei-upload.net/images/files/8a775eb9449cb15/5NU0YIGVCQ.gif" />
</div>
</body>
</html> |
|
|
| |
|
|
Marx
Dabei seit: 28.10.2006
Ort: Wien
Alter: 36
Geschlecht:
|
Verfasst Mi 20.12.2006 21:58
Titel
|
|
|
@schachbrett
Gefällt mir gut. (IE6 )
|
|
| |
|
|
schachbrett
Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Do 21.12.2006 12:42
Titel
|
|
|
Prima  Habs ja nur getippert - die intellektuelle Leistung kam von dir!
|
|
| |
|
|
| |
|
|
Willkommen auf dem Portal für Mediengestalter
