/ 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
Resize billede med javascript
Fra : Jacob ..


Dato : 04-07-04 11:38

Hej NG

Jeg har dette script som tager et random billede fra min
database, og resizer til 40% af oprindelig størrelse - Fint nok,
men jeg har brug for at width *max* er 120 px, så det fitter til
den box det skal hentes til.

Problemet er at de fleste af mine billeder ikke overstiger 120px
når det er resized, men et par dem gør desværre og det spollerer
mit design! Som mon man kan putte en maxstørrelse ind i
scriptet??

Her er scriptet som det ser ud nu:

<script language="javascript">

p = 40; //procent af original størrelse
img = new Array();

function hest(e){
e = e.split(",")

for (i=0;i<e.length;i++){
img[i] = new Image();
img[i].src = document.getElementById(e[i]).src
document.getElementById(e[i]).style.height =
img[i].height*(p/100)+"px";
document.getElementById(e[i]).style.width =
img[i].width*(p/100)+"px";
}
}
</script>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
*XxX* (04-07-2004)
Kommentar
Fra : *XxX*


Dato : 04-07-04 16:14

Kan du ikke lave en if der finder ud af om den er størrer end 120 og så
finder forholdet og ganger både højden og bredden faktoren, så er
størrelseforholdet stadig intakt og den er ikke breddere end 120px


"Jacob .." <laessoe@yahoo.com> skrev i en meddelelse
news:40e7de11$0$23877$14726298@news.sunsite.dk...
> Hej NG
>
> Jeg har dette script som tager et random billede fra min
> database, og resizer til 40% af oprindelig størrelse - Fint nok,
> men jeg har brug for at width *max* er 120 px, så det fitter til
> den box det skal hentes til.
>
> Problemet er at de fleste af mine billeder ikke overstiger 120px
> når det er resized, men et par dem gør desværre og det spollerer
> mit design! Som mon man kan putte en maxstørrelse ind i
> scriptet??
>
> Her er scriptet som det ser ud nu:
>
> <script language="javascript">
>
> p = 40; //procent af original størrelse
> img = new Array();
>
> function hest(e){
> e = e.split(",")
>
> for (i=0;i<e.length;i++){
> img[i] = new Image();
> img[i].src = document.getElementById(e[i]).src
> document.getElementById(e[i]).style.height =
> img[i].height*(p/100)+"px";
> document.getElementById(e[i]).style.width =
> img[i].width*(p/100)+"px";
> }
> }
> </script>
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials



Jacob .. (04-07-2004)
Kommentar
Fra : Jacob ..


Dato : 04-07-04 17:58

*XxX* wrote in dk.edb.internet.webdesign.clientside:
> Kan du ikke lave en if der finder ud af om den er størrer end 120 og så
> finder forholdet og ganger både højden og bredden faktoren, så er
> størrelseforholdet stadig intakt og den er ikke breddere end 120px

Nu er jeg ikke den største js haj, så har du nogle forslag til hvordan det
skal formulreres i scriptet?

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

*XxX* (05-07-2004)
Kommentar
Fra : *XxX*


Dato : 05-07-04 14:47

Det må jo være noget med:

if(width > 120) {
skala=width/120 //her finder vi den faktor bredden skal divideres med for
at blive 120px
nywidth=width/skala //Så finder den nye bredde som vi godt ved bliver
120px, men bare for at vise principet
nyheight=height/skala //Så finder vi højden som passer til bredden
}


"Jacob .." <laessoe@yahoo.com> skrev i en meddelelse
news:40e8372a$0$23872$14726298@news.sunsite.dk...
> *XxX* wrote in dk.edb.internet.webdesign.clientside:
> > Kan du ikke lave en if der finder ud af om den er størrer end 120 og så
> > finder forholdet og ganger både højden og bredden faktoren, så er
> > størrelseforholdet stadig intakt og den er ikke breddere end 120px
>
> Nu er jeg ikke den største js haj, så har du nogle forslag til hvordan det
> skal formulreres i scriptet?
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials



Jacob .. (06-07-2004)
Kommentar
Fra : Jacob ..


Dato : 06-07-04 09:40

> if(width > 120) {
> skala=width/120 //her finder vi den faktor bredden skal divideres med for
> at blive 120px
> nywidth=width/skala //Så finder den nye bredde som vi godt ved bliver
> 120px, men bare for at vise principet
> nyheight=height/skala //Så finder vi højden som passer til bredden
> }

Jeg synes ikke lige at jeg kan få den til at virke - sætter den direkte ind i
mit eksisterende script, men den fejler med : "Object required" ?? Skal der
nogen onload komando på?

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

*XxX* (07-07-2004)
Kommentar
Fra : *XxX*


Dato : 07-07-04 12:41


"Jacob .." <laessoe@yahoo.com> skrev i en meddelelse
news:40ea654e$0$23878$14726298@news.sunsite.dk...
> > if(width > 120) {
> > skala=width/120 //her finder vi den faktor bredden skal divideres med
for
> > at blive 120px
> > nywidth=width/skala //Så finder den nye bredde som vi godt ved bliver
> > 120px, men bare for at vise principet
> > nyheight=height/skala //Så finder vi højden som passer til bredden
> > }
>
> Jeg synes ikke lige at jeg kan få den til at virke - sætter den direkte
ind i
> mit eksisterende script, men den fejler med : "Object required" ?? Skal
der
> nogen onload komando på?

Det var bare for at vise hvordan du skulle gøre, du må selv få den til at
passe på dit script. Kan ikke lave noget der passer 100% til dig når jeg
ikke kender det script du har i forvejen


>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste