The effect of the rotating cube placed inside a picture or photo that runs with the use of the library jQuery.Kolichestvo used items should be in proportion to the rotation for the location in the cube from 8.B example used emoticons, if you need them you will find them ZDES.Pri issues encountered or proposals use.
Code
<style>
#dsitem{
width:100px;
height:100px;
margin:0 auto;
top:200px;
position: relative;
}
ul{list-style-type: none;}
</style>
<script src="http://delaisait.ucoz.ru/js/prototype/ds3DEngine1.js" type="text/javascript">
</script>
<script src="http://delaisait.ucoz.ru/js/prototype/dsCube.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function() {
var camera = new Camera3D();
camera.init(0,0,0,300);
var item = new Object3D($("#dsitem"));
item.addChild(new Cube(100));
var scene = new Scene3D();
scene.addToScene(item);
var animateIt = function(){
axisRotation.y += .01
axisRotation.x -= .01
scene.renderCamera(camera);
};
setInterval(animateIt,8);
});
</script>
<div id="dsitem">
<ul>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_4.gif" alt="Смайлик" />
</li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_5.gif" alt="Смайлик" />
</li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_6.gif" alt="Смайлик" />
</li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_7.gif" alt="Смайлик" />
</li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_8.gif" alt="Смайлик" />
</li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_9.gif" alt="Смайлик" /></li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_10.gif" alt="Смайлик" />
</li>
<li>
<img src="http://delaisait.ucoz.ru/img/smail/1/smiles_11.gif" alt="Смайлик" />
</li>
</ul>
</div>