Vende et billede den anden vej? (Reverse)

Jeg antager at det ikke er godt nok bare at spejle billedet i en grafisk editor (jeg tror endda man kan gøre det i MS-Paint) så prøv og se om ikke denne løsning virker for dig. Det ser rimelig overskueligt ud.

http://www.webdesign101.dk/web102/dhtml/transitions/statiske_filtre/alpha_filter.html

Prøv med:

<img src="billede.jpg" width="100px" height="100px" style="filter:fliph">
eller
<img src="billede.jpg" width="100px" height="100px" style="filter:flipv">

om det understøttes af alle browsere ved jeg ikke.

Ja det var da betydeligt nemmere kan jeg godt se men den anden er vist mere all round.
Kom forøvrigt til at vise det forkerte link. Her er det rigtige:

http://www.webdesign101.dk/web102/dhtml/transitions/statiske_filtre/blurfilter.html

hvordan virker det sankerib? forstår det ikke

Det virker 100% med zappa's trick så prøv det i første omgang. Indsæt først billedet i din html-fil og tilføj derefter den ene eller den anden style-del (style="filter:fliph" eller style="filter:flipv") afhængig af om du vil spejle billedet horisontalt eller vertikalt.

Hvis du vil bruge scriptet fra webdesign101.dk og tilføje en 'spejlvend funktion' (eller en af de andre funktioner) til en knap skal du indsætte denne linie i dit style-tag:

{filter:progid:DXImageTransform.Microsoft.BasicImage (enabled='false',Rotation=2,Mirror=1,Invert=0,XRay=0,Grayscale=0,Opacity=0.50)
}

og derefter tilføje dette script til din 'spejlvendknap':

<script type="text/javascript">
function doTrans(objekt) {
    if (box.filters(0).enabled){
        box.filters(0).enabled='false';
        objekt.innerText='Vis effekten';
    }
    else {                                                       
        box.filters(0).enabled='true';
        objekt.innerText='Reset';
    }
}
</script>