[HTML/CSS] Schalen maar verhoudingen behouden

[Verwijderd]

Ik probeer afbeeldingen te schalen maar hierbij is het erg belangrijk dat de verhoudingen in de juiste wijze behouden worden. Nu is dit niet moelijk als de afbeeldingen altijd óf breder dan hoger zijn óf hoger dan breder zijn, maar in mijn geval kunnen ze én hoger dan breder én breder dan hoger zijn. (afhankelijk v.d. afbeelding, dit weet je niet vooraf).
De bedoeling is dat het figuur altijd passend in de afbeelding kader komt (geschaald) maar zijn verhoudingen behouden blijft.

Het voglende heb ik geprobeerd en werkt dus onvoldoende:

HTML:

<style type="text/css">
<!--
#Layer1 {
    position:relative;
    overflow:hidden;
    width:150px;
    height:75px;
}
-->
</style>
<div id="Layer1">[img]"test.png"/></div>
<div[/img][img]"test.png"[/img]</div>
<div id="Layer1">[img]"test.png"[/img]</div>
<div id="Layer1">[img]"test.png"[/img]</div>
<div id="Layer1">[img]"test.png"[/img]</div>

[BasieP]

daar zal je javascript voor nodig hebben, met css alleen kan je wel scalen, maar niet met verhoudingen

[ Voor 44% gewijzigd door BasieP op 04-07-2006 14:30 ]

[Verwijderd]

Bedankt voor de reactie Door: BasieP, en daar was ik inderdaad al bang voor, en ik zou inderdaad javascript gebruiken als ik daartoe de mogelijkheden had. Maar momenteel is dat er helaas (voor mij ) niet.
Iemand die het nog lukt om de conclusie "niet mogelijk" om zeep te helpen?

[Sjoerd]

Verwijderd schreef op dinsdag 04 juli 2006 @ 15:01:
Bedankt voor de reactie Door: BasieP, en daar was ik inderdaad al bang voor, en ik zou inderdaad javascript gebruiken als ik daartoe de mogelijkheden had. Maar momenteel is dat er helaas (voor mij ) niet.
Iemand die het nog lukt om de conclusie "niet mogelijk" om zeep te helpen?

dat je zelf geen javascript kan hoeft helemaal geen probleem te zijn hoor.

www.hotscripts.com

of kijk even op google naar een evt. tutorial, staat vaak ook uitleg bij zodat je het niet hoeft te kennen om het te kunnen toepassen

[Verwijderd]

langezwieper schreef op dinsdag 04 juli 2006 @ 15:02:
[...]

dat je zelf geen javascript kan hoeft helemaal geen probleem te zijn hoor.
www.hotscripts.com
of kijk even op google naar een evt. tutorial, staat vaak ook uitleg bij zodat je het niet hoeft te kennen om het te kunnen toepassen

Javascript programmeren is geen enkel probleem, maar javascript werkt simpelweg niet (of andere scripting) in de applicatie die wij momenteel moeten gebruiken

[chem]

geef je afbeelding een ID en geef deze in je CSS in bv. em's de juiste start-waarde. Bij het vergroten/verkleinen van je text, schaalt je afbeelding mee.

[moozzuzz]

Kan je applicatie de BxL van de image niet achterhalen? (vb PHP: imagewidth() )

[BtM909]

Als je de optie van chem niet wilt gebruiken of het moet dynamisch gebeuren:

http://www.walterzorn.com/ heeft een drag and drop library die rekening houdt met scales

[Verwijderd]

@chem: Op em zetten zal niet helpen, omdat dat je dan vooraf al je verhoudingen moet aangeven.
@moozzuzz: helaas niet
@BtM909: deze gebruikt scripting...

wat ik wil bereiken:

HTML:

<div id="Layer1">[img]"happybday.png"[/img]</div>

Echter werkt dit alleen in firefox, niet in internet explorer helaas
Voorbeeld hiervan op deze pagina onderaan