Hallo zusammen,
ich habe hier ein HTML Dokument mit Javascript, mit dem ich es schaffe zufällig verschieden lange GIFs abzuspielen.
Mein Problem ist nun lediglich der harte Übergang bei diesen GIFs. Ich möchte eine Art Pixelauflösung nach jedem zufälligen GIF in das nächste haben. Ist das in irgendeiner Form relativ simpel zu lösen? Das würde mir wirklich sehr weiterhelfen.
Hier ist mein bisheriger Code:
Vielen Dank!
ich habe hier ein HTML Dokument mit Javascript, mit dem ich es schaffe zufällig verschieden lange GIFs abzuspielen.
Mein Problem ist nun lediglich der harte Übergang bei diesen GIFs. Ich möchte eine Art Pixelauflösung nach jedem zufälligen GIF in das nächste haben. Ist das in irgendeiner Form relativ simpel zu lösen? Das würde mir wirklich sehr weiterhelfen.
Hier ist mein bisheriger Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>GIF</title>
<script type="text/javascript">
<!--
window.onload = function () {
var images = [
{src:'bilder/1/1.gif',delay:3500},
{src:'bilder/1/2.gif',delay:1400},
{src:'bilder/1/3.gif',delay:4000},
],
element = document.images['wechsel'],
change_image = function () {
var image = images[ Math.floor( Math.random() * images.length ) ];
// (Math.random()*images.length)>>0 would be a lot faster
element.src = image.src;
setTimeout(change_image, image.delay);
};
setTimeout(change_image);
};
//-->
</script>
</head>
<body>
<img id="wechsel" src="bilder/1/1.gif" border="0" alt="">
</body>
</html>Vielen Dank!
