<html>
<head>
<title>Prometeus Demo Gallery / juni 2009 / Prometeus a 3D PhotoGallery Picasa Template by www.paulvanroekel.nl </title>
<meta name="Author" content="Gerard Ferrandez at
http://www.dhteumeuleu.com ">
<!--
All code on this page created by Gerard Ferrandez at
http://www.dhteumeuleu.com Picasa template created by Paul van Roekel
-->
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
cursor: crosshair;
}
#canvas {
position:absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
}
#canvas img {
position: absolute;
background: #000;
overflow: hidden;
cursor: pointer;
left: 100%;
border-color: #000;
border-style: solid;
border-width: 1px;
-ms-interpolation-mode:nearest-neighbor;
}
#canvas span {
position: absolute;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0px;
white-space: nowrap;
left: -1000px;
background: #000;
filter: alpha(opacity=90);
opacity: 0.9;
}
</style>
<script type="text/javascript">
// ==================================================
// script realized by Gérard Ferrandez - June 2006
//
http://www.dhteumeuleu.com // ==================================================
id = function(o) { return document.getElementById(o); }
px = function (x) { return ''.concat(Math.round(x), 'px'); }
//////////////////////////////////////////////////////////////////////////////
function resize() { gf.resize(); }
onresize = resize;
document.onmousemove = function(e)
{
if(window.event) e=window.event;
gf.xm = (e.x || e.clientX) - gf.nx - gf.nw * .5;
gf.ym = (e.y || e.clientY) - gf.ny - gf.nh * .5;
}
//////////////////////////////////////////////////////////////////////////////
var gf = {
O : [],
cont : 0,
N : 0,
S : 0,
img : 0,
spa : 0,
xm : 0,
ym : 0,
nx : 0,
ny : 0,
nw : 0,
nh : 0,
cx : 0,
cy : 0,
zoom : 1,
x : 0,
y : 0,
z : -40000,
xt : 0,
yt : 0,
zt : 0,
//////////////////////////////////////////////////////////////////////////////
resize : function ()
{
var o = id('canvas');
gf.nx = o.offsetLeft;
gf.ny = o.offsetTop;
gf.nw = o.offsetWidth;
gf.nh = o.offsetHeight;
gf.zoom = gf.nh / 700;
},
CObj : function (n)
{
this.n = n;
this.x = gf.zoom * Math.random() * gf.nw * 2 - gf.nw;
this.y = gf.zoom * Math.random() * gf.nh * 2 - gf.nh;
this.z = Math.round(n * (10000 / gf.N));
this.w = gf.img[n].width;
this.h = gf.img[n].height;
this.oxt = gf.spa[n];
this.oxs = this.oxt.style;
this.txt = gf.spa[n].innerHTML;
this.oxt.innerHTML = "";
this.obj = gf.img[n];
this.obs = this.obj.style;
this.obj.parent = this;
this.obj.onclick = function() { this.parent.click(); }
this.obj.ondrag = function() { return false; }
this.oxt.style.zIndex = this.obj.style.zIndex = Math.round(1000000 - this.z);
this.F = false;
this.CF = 100;
this.sto = [];
this.anim = function()
{
var f = 700 + this.z - gf.z;
if (f > 0)
{
var d = 1000 / f;
var X = gf.nw * .5 + ((this.x - gf.x - gf.cx) * d);
var Y = gf.nh * .5 + ((this.y - gf.y - gf.cy) * d);
var W = d * this.w * gf.zoom;
var H = d * this.h * gf.zoom;
this.obs.left = px(X - W * .5);
this.obs.top = px(Y - H * .5);
this.obs.width = px(W);
this.obs.height = px(H);
this.oxs.visibility = (this.CF-- > 0 && Math.random() > .9) ? "hidden" : "visible";
this.oxs.left = px(X - W * .5);
this.oxs.top = px(Y + H * .5);
if((gf.zt - gf.z) < 20)
{
if(!this.F)
{
this.F = true;
this.CF = Math.random() * 200;
this.oxs.fontSize = px(1 + d * 20 * gf.zoom);
var T = "";
var tn = this.txt.length;
for(var i = 0; i < tn; i++)
{
T = T.concat(this.txt.charAt(i));
this.sto[i] = setTimeout('gf.O['.concat(n, '].oxt.innerHTML = "', T.concat(" "), '";'), Math.round(f / 4) + 32 * i);
}
}
}
else
{
this.F = false;
this.oxt.innerHTML = "";
}
}
else
{
this.x = gf.zoom * Math.random() * gf.nw * 2 - gf.nw;
this.y = gf.zoom * Math.random() * gf.nh * 2 - gf.nh;
this.z += 10000;
this.oxs.zIndex = this.obs.zIndex = Math.round(1000000 - this.z);
}
}
this.cto = function()
{
var i = this.txt.length;
while (i--) clearTimeout(this.sto[i]);
}
this.click = function()
{
var i = gf.N;
while (i--) gf.O[i].cto();
if(gf.S != this)
{
gf.xt = this.x;
gf.yt = this.y;
gf.zt = this.z;
gf.S = this;
}
else
{
gf.S = 0;
gf.zt += 1600;
}
}
},
init : function ()
{
gf.cx = gf.nw / 2;
gf.cy = gf.nh / 2;
gf.cont = id("canvas");
gf.img = id("canvas").getElementsByTagName("img");
gf.spa = id("canvas").getElementsByTagName("span");
gf.N = gf.img.length;
for (var i = 0; i < gf.N; i++) gf.O[i] = new gf.CObj(i);
gf.run();
gf.O[0].click();
},
run : function ()
{
gf.cx += (gf.xm - gf.cx) * .1;
gf.cy += (gf.ym - gf.cy) * .1;
gf.x += (gf.xt - gf.x) * .05;
gf.y += (gf.yt - gf.y) * .05;
gf.z += (gf.zt - gf.z) * .05;
var i = gf.N;
while (i--) gf.O[i].anim();
setTimeout(gf.run, 16);
}
}
onload = function() {
resize();
gf.init();
}
</script>
</head>
<body>
<div id="canvas">
<img src="images/01.jpg"><span></span>
<img src="images/02.jpg"><span></span>
<img src="images/03.jpg"><span></span>
<img src="images/04.jpg"><span></span>
<img src="images/05.jpg"><span></span>
<img src="images/06.jpg"><span></span>
<img src="images/07.jpg"><span>wine glass closeup</span>
<img src="images/08.jpg"><span>dpp_0007.jpg</span>
<img src="images/09.jpg"><span>monks dress drying in the sun</span>
<img src="images/10.jpg"><span>mountains in central Bhutan</span>
<img src="images/11.jpg"><span>Pobjikha valley</span>
<img src="images/12.jpg"><span>autumn colours</span>
</div>
<!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->
<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span>
<script type="text/javascript">m00=document.getElementById("canvas").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
<!-- end of images_loading_bar code -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-245623-6");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
TRỜI CHO VẺ MẶT NGÔ NGỐ
ĐỂ CHE ĐẬY TÍNH CHẤT KHỦNG BỐ BÊN TRONG
