www.dhteumeuleu.com

fractal-F.html


Donation

Do you like this code ? Is it worth one or two dollars ? Any donation is appreciated !
Thank you for your support :)

Email notification

Leave your email to receive dhteumeuleu updates:

Delivered by FeedBurner

Source Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>click bored - Interactive DHTML demos</title>
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

<style type="text/css">
	html {
		overflow: hidden;
	}
	body {
		margin: 0px;
		padding: 0px;
		background: #000;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.img{
		position:absolute;
		cursor: pointer;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
	}
	.frame {
		position: absolute;
		width: 50%;
		height: 50%;
	}
	#credit {
		position: absolute;
		color: #000;
		font-family: arial;
		font-size: 0.8em;
		width: 99%;
		text-align: right;
		bottom: 2px;
		z-index: 10000;
	}
	a {text-decoration: none;color:#fff;}
	a:hover	{text-decoration: none;background:#ff8000;color:#fff;}
	a:visited {text-decoration: none;color:#fff;}
	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;}

</style>

<script type="text/javascript">
// =========================================================================
//                 ===== fractal frame =====
// script: Gerard Ferrandez - ge1doot - April 8th, 2006
// http://www.dhteumeuleu.com
// =========================================================================

var src;

function div(o){
	function img(x,y){
		var d = document.createElement("div");
		d.className = "frame";
		d.style.left = 50*x+"%";
		d.style.top = 50*y+"%";
		var img = document.createElement("img");
		img.className = "img";
		img.src = src[Math.floor(Math.random()*src.length)].src;
		img.onmousedown = new Function("div(this.parentNode);this.parentNode.removeChild(this);");
		d.appendChild(img);
		o.appendChild(d);
	}
	img(0,0);
	img(1,0);
	img(0,1);
	img(1,1);
}

onload = function(){
	src = document.getElementById("images").getElementsByTagName("img");
	div(document.body);
}

</script>
</head>

<body>

<div id="images" style="display:none">
	<img src="frame.jpg">
	<img src="frame.jpg">
	<img src="frame.jpg">
	<img src="frame0.jpg">
</div>

<div id="credit">
	·home: <a href="http://www.dhteumeuleu.com/" target="_blank" title="Interactive DHTML demos">www.dhteumeuleu.com </a>
	·source: <a href="http://www.dhteumeuleu.com/colorsyntax/viewJS.php?src=fractal-F.html" target="_blank" title="source code">code</a>
</div>

</body>
</html>



Resource Images :

../images/frame.jpg


../images/frame.jpg


../images/frame.jpg


../images/frame0.jpg




Resource music/sound :



All sounds and images are credited to the respective author(s).