Archief - JS/CSS: Foto width bekomen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
g

gemas

Legacy Member
ik zou graag een foto die kleiner is dan 600px op de originele grote laten zien. de fotos die groter zijn dan 600px, moeten op een width van 600px afgebeeld worden.

dit is de code die ik tot nu toe heb

<HTML>
<HEAD>
<script language="javascript">
function ShowImage(url){
var width = ?????;
if (width >600){
width = 600;
}
document.write("<img src='" + url + "' width='" + width + "'>");
}

</script>
<title>test</title>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<script>
ShowImage("./foto.jpg")
</script>
</form>
</body>
</HTML>


ik zou dus in die var width de breedte van de image inzetten, weet iemand hoe?

merci
g

gemas

Legacy Member
gevonden, maar wanneer de foto voor de eerste keer wordt ingeladen is de width = 0 :s

dus zit nog ergens een bug in iemand een idee?

<HTML>
<HEAD>
<script language="javascript">
function ShowImage(url){
var img = new Image();
img.src = url;
var width = img.width ;
if (width >600){
width = 600;
}
document.write("<img src='" + url + "' width='" + width + "'>");
}
</script>
<title>test</title>

</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<script>ShowImage("./foto.jpg")</script>
</form>
</body>
</HTML>
R

Rvl

Legacy Member
dan zou je nog een image preloader moeten maken. Anders is het normaal dat hij bij het begin 0 gaat zetten aangezien de img nog niet is ingeladen om daar de width van terug te krijgen.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan