[JS] Image 'terug resizen'

Pagina: 1
Acties:

  • reddevil
  • Registratie: Februari 2001
  • Laatst online: 06-10-2025
Mijn probleem ben ik nog niet tegengekomen hier op GoT (of google). Ik heb in een html document een image staan die ik resize met javascript... tot zover geen problemen, aangezien ik gewoon via javascript de 'width' en 'height' zet.

Nu wil ik dynamisch het 1e image aanpassen naar een 2e image, echter weet ik eigenlijk niks van de 2e.
Nog steeds geen problemen zou je zeggen: pas de 'src' aan, dan zie je de nieuwe afbeelding
Alleen aangezien ik de hoogte en breedte aangepast heb, klopt de aspect ratio niet meer, dus wil ik eigenlijk de dynamisch geplaatste width en height weer weghalen, zodat ik deze erna weer kan aanpassen.

Stel de image is 'img', dan zou ik
code:
1
2
img.width = 0;
img.height = 0;

kunnen doen, maar dat werkt niet. Ook beide op -1 zetten werkt niet.

Nu dacht ik: misschien een nieuw image aanmaken, dus:
code:
1
2
3
4
5
6
function restoreSize(img)
{
  var src = img.src;
  img = new Image();
  img.src = src;
}

Helaas werkt dat ook niet.

Iemand een idee hoe ik dit wel kan doen?

[ Voor 3% gewijzigd door reddevil op 24-08-2005 15:26 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 28-04 11:43

André

Analytics dude

Zoiets?
code:
1
2
3
4
5
6
7
img.width = null;
img.height = null;

of

img.width = "";
img.height = "";

  • reddevil
  • Registratie: Februari 2001
  • Laatst online: 06-10-2025
nopes, dat zorgt ervoor dat de image ook niet te zien is (misschien omdat null of "" wordt vertaald naar een 0 als het omgezet wordt naar een integer??).
BTW, had ik al geprobeerd, vergeten te melden

[ Voor 18% gewijzigd door reddevil op 24-08-2005 15:30 ]


  • Sappie
  • Registratie: September 2000
  • Laatst online: 27-04 07:10

Sappie

De Parasitaire Capaciteit!

removeAttribute misschien? Dunno of dat door alle browsers wel ondersteund wordt.. zal ff kijken

edit:
http://www.quirksmode.org/dom/w3c_core.html

Opera 8 ondersteunt het dus niet en IE windows slechts in beperkte (doch misschien toereikende) mate.

[ Voor 47% gewijzigd door Sappie op 24-08-2005 15:38 ]

Specs | Audioscrobbler


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Je kan kijken of je het kan weghalen met removeAttribute(width)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • reddevil
  • Registratie: Februari 2001
  • Laatst online: 06-10-2025
Sappie schreef op woensdag 24 augustus 2005 @ 15:33:
removeAttribute misschien? Dunno of dat door alle browsers wel ondersteund wordt.. zal ff kijken

edit:
http://www.quirksmode.org/dom/w3c_core.html

Opera 8 ondersteunt het dus niet en IE windows slechts in beperkte (doch misschien toereikende) mate.
Meteen even getest op IE/FF op windows: geen problemen, werkt goed voor images
Safari/FF/Opera 7.5.4 op de Mac: werkt goed voor images

Thx ppls, problem solved

[ Voor 4% gewijzigd door reddevil op 24-08-2005 15:48 ]

Pagina: 1