[CSS / JS] Text spiegelen / omdraaien

[WeeJeWel]

Hey,

is het mogelijk om dmv een javascriptje of css property een letter van een regel (of de hele regel, whatever) te laten spiegelen. Dus een p wordt een b, je weet wel :-)

Lijkt me moeilijk, maar is het mogelijk of al gedaan?

[disjfa]

Cascading Stylesheet:

body{
  direction: rtl;
}

Like. Lees de manual een keer.

[Alex)]

Bedoel je op z'n kop zetten? Dat kan alleen met IE, met een filter... iirc...

[DoubleJ]

disjfa schreef op dinsdag 06 november 2007 @ 17:11:
Like. Lees de manual een keer.

Back at ya,

Cascading Stylesheet:

direction:rtl

of

HTML:

<p dir="rtl">bla</p>

doet alles behalve wat de TS vraagt. De right to left functie is bedoeld voor landen waar ze van rechts naar links lezen geloof ik.


@TS:
Flash bied je deze mogelijkheden, wie weet is dat een optie?

[ Voor 35% gewijzigd door DoubleJ op 06-11-2007 17:19 ]

[WeeJeWel]

Ik weet dat flash het kan, maar maak m'n site liever in html.. misschien dat iemand anders het weet?

[disjfa]

Alex en ik geven de enige twee html only oplossingen.

Anders moet je naar flash of iets dergelijks kijken.

[NetForce1]

een simpele google search leverede een greasemonkey script op dat doet wat jij wil: http://www.tobez.org/download/greasemonkey/rot180.user.js. Moet niet moeilijk zijn dit los te koppelen van greasemonkey lijkt me.

Edit:
Deze werkt voor plaatjes, wellicht ook voor tekst, dat moet je zelf maar ff proberen: http://cow.neondragon.net/index.php/2987-Reflectionjs-17

De rest mag je zelf op zoeken via bijv. deze google search...

[ Voor 39% gewijzigd door NetForce1 op 06-11-2007 17:40 ]

[WeeJeWel]

NetForce1 schreef op dinsdag 06 november 2007 @ 17:29:
een simpele google search leverede een greasemonkey script op dat doet wat jij wil: http://www.tobez.org/download/greasemonkey/rot180.user.js. Moet niet moeilijk zijn dit los te koppelen van greasemonkey lijkt me.

Edit:
Deze werkt voor plaatjes, wellicht ook voor tekst, dat moet je zelf maar ff proberen: http://cow.neondragon.net/index.php/2987-Reflectionjs-17

De rest mag je zelf op zoeken via bijv. deze google search...

Bedankt voor je reply, maar 180 graden draaien is niet hetzelfde als spiegelen. Eigenlijk zou je dan eerst draaien en dan horizontaal spiegelen voor hetzelfde effect..

[Mei]

Beste manier is denk ik PHP+GD gebruiken. Krijg je uiteindelijk iets als <img src="spiegeltekst.php?q=poep" alt="deod"> en dus ook "deod" op je scherm. Lekker toegankelijk en doet precies wat je wil. Helaas geen schaalbare of te selecteren tekst, maar daarvoor zou je Flash moeten gebruiken en dat wordt ook best een ranzige zooi als het alleen voor een geinig effectje is.

[Fuzzillogic]

Misschien, heel misschien, dat het met <canvas /> of SVG kan. Dan moet je wel schijt hebben aan IE, want die ondersteunt uiteraard geen van beide.

[Mei]

Had Adobe geen SVG plugin voor IE gemaakt? Dan nog is het misschien af te raden, maar je weet in ieder geval dat niet alle IE-slachtoffersgebruikers het niet zien.

[BtM909]

Fuzzillogic schreef op woensdag 07 november 2007 @ 21:06:
Misschien, heel misschien, dat het met <canvas /> of SVG kan. Dan moet je wel schijt hebben aan IE, want die ondersteunt uiteraard geen van beide.

Er is inmiddels exCanvas, wat ondersteuning biedt in IE

[SchizoDuckie]

http://www.ex-parrot.com/~pete/upside-down-ternet.html

? (en dan nog wat js+css ofcourse )

[ Voor 22% gewijzigd door SchizoDuckie op 07-11-2007 22:03 ]

[Alex)]

Fuzzillogic schreef op woensdag 07 november 2007 @ 21:06:
Misschien, heel misschien, dat het met <canvas /> of SVG kan. Dan moet je wel schijt hebben aan IE, want die ondersteunt uiteraard geen van beide.

Er zijn manieren om ook IE <canvas> te laten ondersteunen, Google heeft daar iets voor, geloof ik..

[WeeJeWel]

Probleem is dat de pagina continue vernieuwd bij mouseovers én opacity veranderd, dus een image zou helaas de server killen en veel te langzaam zijn

EN ik heb een beetje gezocht naar canvas, maar is dat alleen voor plaatjes?