Gå til innhold

Størrelse på bilde


Anbefalte innlegg

Videoannonse
Annonse

nå tenkte jeg helst i koden. Jeg har laget et forum der bildene kommer opp i et eget vindu når du trykker på et. Da trenger jeg å vite størrelsen det nye vinduet skal ha. Ettersom hele bildegalleriet er dynamisk, og man kan legge inn bilder via et script, trenger jeg et script som finner høyden og bredden til bildet enten når noen legger inn bildet eller når det vises.

Lenke til kommentar

Javascript duger. Bruk atributtene height og width for å finne respektive verdier. Litt vanskelig å mekke et script på stående fot uten å vite mer om hvordan det skal implementeres, og hva som er ferdig

PM eller MSN meg så ordner vi saken fort :)

Endret av enden
Lenke til kommentar

jobber med saken. Ble litt vanskeligere enn planlagt da teorien min tydeligvis ikke stemmer helt :)

 

Problemet ligger i at nettleserene nekter å la meg styre størrelsen på popup-vinduet ved hjelp av parametre. Jeg vet at parametrene v og h inneholder verdien 50 hver, men vinduet nekter å gjenkjenne dette på samme måte som ved å skrive 50 i stedet for parametre

 

http://www.fundingsrud.net/lek/finn_hw.html#

Endret av enden
Lenke til kommentar

problemet mitt er vel egentlig å finne v og h, ettersom jeg ikke vet disse men bare har bildet. D er mulig jeg forklarte meg veldig dårlig i stad :ermm:

 

bilde.width

Jeg tror d er denne delen jeg trenger hvjelp med, kanskje jeg greier å fikse d andre selv. akkurat hvordan gjør du dette

Lenke til kommentar

hva er navnet på ellementet, jeg tror ikke jeg har noe element i d hele tatt :dontgetit:

 

Jeg viser bildet f. eks. sånn:

 

<a href ="#" onclick="window.open('sider/bilde.jpg', 'popup', 'width=600 height=500')">

bilde

</a>

 

d jeg ønsker er å bytte ut 600 og 500 men høyden og bredden til bilde.jpg

Lenke til kommentar

navnet på elementet setter du ved å bruke name="hehånåerdetjuligjen" i elementet du skal navngi

Eks:

<img src="dama.jpg" name="naknedama" width="100" height="400" alt="Porrbilde av dama mi" />

Her skal du da referere til naknedama siden dette er navnet til elementet

 

ps, for at dette skal virke må du seff ha img-taggen som viser bildet det er snakk om på siden :)

Endret av enden
Lenke til kommentar

Jeg tror også at jeg har løst d du slet med :

 

<script language="JavaScript" type="text/JavaScript">

<!--

function vis(bilde) {

var v = 50

var h = 50

window.open(bilde, 'popup', 'width='+v+' height='+h)

}

//-->

</script>

 

<a href ="#" onclick="vis('sider/bilde.jpg')">Vis et bilde</a>

Lenke til kommentar

jeg har fått d til å funke, eneste problemet er at jeg ikke har noe bilde å sette name egenskapen på. På siden viser jeg masse små thumbnails på 100x120. Men når jeg trykker på et skal bildet komme opp i et nytt vindu med riktig størrelse. Sånn som jeg prøvde nå vil jo vinduet som kommer opp ha størrelsen 100x120.

Her er koden:

 

<script language="JavaScript" type="text/JavaScript">

<!--

function sett (bilde) {

var v = bil.width

var h = bil.height

alert(v)

alert(h)

window.open(bilde, 'popup', 'width='+v+' height='+h)

}

//-->

</script>

<a href ="#" onclick="sett('bilde.jpg')">

<img src="bilde.jpg" width="120" height="100" name="bil"></a>

Lenke til kommentar

Du aner ikke maset jeg måtte gjennom for å finne dette. Hadde hele koden riktig, men av en eller annen grunn var dokumentet korrupt, så å skrive koden fra scratch fikset problemet. Har pokker meg brukt halve kvelden på dette :)

Limes inn i head:

<script type="text/javascript">
<!--
 function popPic(uri) {
   bilde = new Image();
   bilde.src = uri;

   vindu = window.open('', '', 'width='+bilde.width+',height='+bilde.height);

   kode = "<html><head><title>.</title></head><body><img src="+bilde.src+" /></body></html>";
   vindu.document.write(kode);
 }
-->
</script>

 

Limes inn som link til popupen:

<a href="#" onclick="popPic('../picks/banner.gif')"> bilde</a>

 

Forklaring:

Linken gjør ingenting med siden (href ="#"). Det som står mellom '&' (../picks/banner.gif) er url til bildet du vil ha vist.

 

Scriptet linje for linje:

*oppretter et nytt bilde

*setter bildet likt det du har angitt i linken

*åpner et vindu med størrelsen til bildet

*skriver html-koden til vindet

*Oppdaterer vinduet med koden

 

Så enkelt kan det gjøres :roll:

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...