Avatar billede hono Nybegynder
29. juli 2003 - 20:02 Der er 2 kommentarer og
1 løsning

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
Avatar billede don_r Nybegynder
30. juli 2003 - 08:10 #1
Prøv at placer det i en div i stedet, ikke sikker på det virker.
Avatar billede trumf Nybegynder
30. juli 2003 - 11:15 #2
prøv at fjerne det med at TD skal alignes i style og centrer billedet med <CENTER> i stedet
Avatar billede hono Nybegynder
05. september 2003 - 17:19 #3
hmm, lukker igen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester