/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Image Scale, java script
Fra : Jens Nielsen


Dato : 22-10-02 21:03

Hej NG

Jeg har fundet følgende script, og har forsøgt at ændre den således man
"kun" zoomer på det ene af billederne, men lige meget hvad jeg forsøger så
fejler scriptet.

Er der nogen der har en idé til hvordan man viser begge billeder men kun
zoomer på det ene, f.eks: http://www.myersdaily.org/rulebook/girls-4in.jpg ?

<head>
<title>Image Scale</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</head>
<body>

<h1>Image Scale</h1>
<form>

<pre>
<script type="text/javascript">
function imgscale(a) {
var imgs = document.images;
for (var i=0; i<imgs.length; i++) {
var w=imgs[i].width, h=imgs[i].height;
imgs[i].width = a*w;
imgs[i].height = a*h;
}
}
</script>
</pre>

</form>


<div >
Image size:<a href="javascript:imgscale(.5)">decrease</a>&nbsp;
<a href="javascript:imgscale(2)">increase</a>&nbsp;
<a href="javascript:location.reload()">refresh</a>
</div>

<p><img alt="image: Girls"
src="http://www.myersdaily.org/rulebook/girls-4in.jpg" </p>
<p><img alt="image: Foo" src="http://www.myersdaily.org/joseph/html/foo.png"
/></p>

</body>

---
mvh
Jens Nielsen



 
 
Hintzmann (23-10-2002)
Kommentar
Fra : Hintzmann


Dato : 23-10-02 08:53

> Er der nogen der har en idé til hvordan man viser begge billeder men kun
> zoomer på det ene, f.eks: http://www.myersdaily.org/rulebook/girls-4in.jpg
?

Følgende looper samtlige billeder igennem:

var imgs = document.images;
for (var i=0; i<imgs.length; i++) { // <- LOOP
var w=imgs[i].width, h=imgs[i].height;
imgs[i].width = a*w;
imgs[i].height = a*h;
}

Jeg vil anbefale dig at give det billede der skal zoom'es på et unikt id
og så henvise til det frem for at loope samtlige billeder igennem:

var img = document.getElementById('UNIKTBILLEDEID');
var w=img.width, h=img.height;
img.width = a*w;
img.height = a*h;

<img id="UNIKTBILLEDEID" alt="image: Girls"
src="http://www.myersdaily.org/rulebook/girls-4in.jpg"> </p>


Hintzmann



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste