PDA

View Full Version : Turn a website upside down?



Andy92
Mar 31st, 2008, 06:01 PM
Hey,

Is there any javascript that i can insert in my website pages, that will turn it upside down?

mjlorbet
Mar 31st, 2008, 06:10 PM
I'm about 90% certain that there isn't a css rotation property yet, but if there were, you'd apply it like this document.body.style.rotationProperty="180" to rotate the contents 180 deg., thus flipping it over more or less, if you're talking about mirroring it end for end, the prospects get even less likely. Below seems to be the best bet & should be about 5% effective.



alert("Please turn your screen over");


only real idea is to find something that can export a webpage in an image format, post the data back to a server-side page, storing the session data about the user that submitted the page, get an image transform for the newly created image, set your mime-type & all that & flush the flipped image back to the output stream.

Philip M
Mar 31st, 2008, 06:11 PM
If you mean images, you can reload or swap to another image which is the same as the first image, but upside down.

If you mean text, no.

Andy92
Mar 31st, 2008, 07:55 PM
No, i mean make the whole website turned upside down.

Kirl
Apr 1st, 2008, 10:39 AM
For something like this you need Flash, very easy in Flash.

Basscyst
Apr 1st, 2008, 08:25 PM
I dunno what this would do to a whole page but in IE you can use:



<span style="FILTER: FlipV; width:200px;font-size:20pt;">FlipV Filter</span>


Basscyst

akiragraphics
Mar 30th, 2010, 10:24 PM
I found what you need

http://rotateme.org/

Old Pedant
Mar 31st, 2010, 02:39 AM
LOL! It's fun, but not too good. Image transparency is an issue. And it seems to barf on <iframe>s. On the other hand, it does a great job of translating some JS movement from vertical to horizontal, etc.

Philip M
Mar 31st, 2010, 08:16 AM
<script type = "text/javascript">
function warn() {
alert ("To view this page correctly you must turn your screen upside down!)
}
</script>

<body onload = "warn()">

:D

rnd me
Mar 31st, 2010, 12:20 PM
css:




<style type="text/css">

html body {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

</style>

i guess this makes opera our new ie6...