Javascript Rotate Div?

Muel · 21 Jun 2011 at 14:56

Howdo all

I run my own site, and I'm sick of supporting IE6. I've decided not to support it any more, so as a bit of a parting wave goodbye, I've decided to go the other way completely and sabotage my site when viewed in IE6.

I want to make it so that when you open it in IE6, the entire page gets rendered upside down.

I know a bit of JS and jQuery, but I've never rotated anything. Help?

Dj_Jestar · 21 Jun 2011 at 15:03

You want to deliberately sabotage your website for a proportion of vistors to your website?! :confused:

redeye_uk · 21 Jun 2011 at 15:29

why dont you try something like

Code:

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.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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)

or paste this into the address bar on any page for a preview

Code:

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.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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)

Muel · 21 Jun 2011 at 16:12

Dj_Jestar said:
You want to deliberately sabotage your website for a proportion of vistors to your website?!

Yes, thought it was pretty clear?

Over the last two months I've had one visit to the site in IE6, and it was me. The only people who ever come to my site are me or web designy mates of mine just seeing what I'm up to. It's not something I take very seriously.

redeye_uk said:

why dont you try something like

Code:

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.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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)

or paste this into the address bar on any page for a preview

Code:

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.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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)

Cheers, will give this a whirl later.