Javascript - roter billede
Jeg har lavet et script (fungerer i IE), som gør at man ved klik på et en knap, kan rotere et billede. Det ser således ud:--------------------------------------------------
var roter=0;
function roterright(){
if(roter<3){
var naeste = roter + 1;
}else{
var naeste = 0;
}
document.images.billedet.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation='+naeste+')';
roter = naeste;
}
function roterleft(){
if(roter>0){
var naeste = roter - 1;
}else{
var naeste = 3;
}
document.images.billedet.style.filter="";
document.images.billedet.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation='+naeste+')';
roter = naeste;
}
------------------------------------------------
Det fungere fint, men der er et lille problem. Hvis jeg placerer billedet, som skal roteres, inde i en tabelcelle, virker det pludseligt ikke helt optimalt. Når jeg rotere bliver billeder ligesom skåret over, på en meget mærkelig måde. Jeg har lavet to forskellige filer, hvor den ene illustrere hvordan det ser ud når scriptet virker (når billedet ikke er i en tabel), og det andet illustrerer hvordan det ser ud når det ikke virker.
Her er det som virker: http://www.xfiles.frac.dk/udentabel.html
Og det som ikke virker:
http://www.xfiles.frac.dk/medtabel.html
Er der nogen der kan forklare hvorfor fil nr. 2 ikke virker. Og hvordan kan problemet løses, så billedet kan roteres fejlfrit, selvom det er placeret i en tabelcelle.
På forhånd tak!
Hono
