منتديات بني شقران


Join the forum, it's quick and easy

منتديات بني شقران
منتديات بني شقران
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Trick To Rotate Images Of Any Website

Go down

Trick To Rotate Images Of Any Website Empty Trick To Rotate Images Of Any Website

Post by فرح 2015-08-21, 22:48



You can rotate images of any website to create wonderful effect’s.To Rotate images we will use javascript codes.Using this trick you can rotate images in Circular, Horizontal, Combination of Circular and horizontal trajectory.The images can also be made to revolve with your mouse movement. It will work in all modern browsers like Google Chrome,Internet Explorer,Firefox etc and on all websites as well.

Trick To Rotate Images in Circular Trajectory in Any Website

Open any website, copy and paste the following javascript code in your browser address bar and press Enter.The images will start rotating in circular trajectory.
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);


Trick To Rotate Images in Horizontal Trajectory in Any Website

To rotate images in horizontal trajectory Copy and paste the following javascript code in your browser address bar and press Enter.
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+ "px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+" px"}R++}setInterval( 'A()',5); void(0);

Trick To Rotate Images in Circular as well as Horizontal Trajectory in Any Website

Using this code you will add both the horizontal as well as Circular rotaion effect to images.
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.images; DIL=DI.length; function A(){for(i=0; i < DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i < DIL; i++){DI.style.position="static";}}; void(0)

Trick To Rotate Images in Circular Trajectory on Mouse Movement in Any Website

This will add the rotaion effect to images only on mouse movements.Whenever you will move your mouse your images will start rotating.
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=100; y4=100; var DI= document.images; DIL=DI.length; function A(_X,_Y){for(i=0; i < DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+_X+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+_Y+"px"}R++}document.onmousemove=function(event){_X = event.clientX; _Y = event.clientY; A(_X,_Y);};document.onmousedown=function(){for(i=0; i < DIL; i++){DI.style.position="static";}};void(0)
فرح
فرح
Admin

عدد المساهمات : 10
نقاط : 531

https://benichougrane.rigala.net

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum