CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

dont Nybegynder

16. juni 2004 - 13:25 Der er 6 kommentarer og
1 løsning

Billede - størrelse og placering

Jeg er ved at lave en side med nogle billeder og der er to ting jeg har brug for.

1. Jeg vil gerne have vist billederne som thumbnails og størrelsen på disse skal være afhængig af den originale billedstørelse. (Kan det gøres med et script, der beregner/aflæser den originale størrelse hvorefter jeg dividerer den med en bestemt værdi ens for alle billederne?)

2. Jeg har lavet en visning af billedet i original størrelse når man laver en mouseOver over thumbnailen, men placeringen af det originale billede skal også være afhængig af thumbnailens placering. (Kan det gøres med et script, der beregner/aflæser thumbnailens placering hvorefter denne placering kan benyttes til placering af originalen?)

Håber der er nogle javascript-hajer, der kan hjælpe. ;o)

Synes godt om

helle_fred Nybegynder

16. juni 2004 - 13:59 #1

<img src="b.jpg" id="h">
<script>
function thumb(billedid,procent){
b=document.getElementById(billedid)
w=b.width*(procent/100)
t="<img src='"+b.src+"' width='"+w+"' id='thumb'>"
document.write(t)
}
thumb("h",90)
thumb("h",80)
thumb("h",70)
thumb("h",60)
thumb("h",50)
thumb("h",40)
</script>

Synes godt om

dont Nybegynder

16. juni 2004 - 15:11 #2

Det kunne jeg godt bruge. Tak skal du have. Jeg skulle vist ikke have delt spørgsmålet op i to. Fortsætter her: http://www.eksperten.dk/spm/510488

Synes godt om

dont Nybegynder

16. juni 2004 - 16:40 #3

Bortset fra at originalbilledet stadig vises.......og derefter thumbnailen??? Bruger jeg scriptet forkert. Først er der jo visningen fra <img src="b.jpg" id="h"> og derefter fra thumb("h",50) som jeg bruger.

Synes godt om

helle_fred Nybegynder

16. juni 2004 - 16:46 #4

Du kan bruge denne i stedet. Klikker man på billedet forstørres det med faktor - som kan sættes til 1, hvis man ikke ønsker denne funktionalitet.
<script>
I=new Image();
I.src="b.jpg";

function thumb(billede,procent,billedid, faktor){
t="<img src='"+
billede.src+
"' width='"+
billede.width*(procent/100)+
"' id='"+billedid+
"' onClick='document.getElementById(\""+
billedid+
"\").width=document.getElementById(\""+
billedid+
"\").width*"+faktor+"'>";

document.write(t)
}

thumb(I,20,"thumb", 1.1)
</script>

Synes godt om

dont Nybegynder

16. juni 2004 - 17:38 #5

Jeg kan desværre ikke bruge det, da hele siden rykker når billedet pludselig bliver forstørret. Kan man ikke lave et script som bare returnerer værdien af billede.width*(procent/100) og så i <img src.... skrive noget i stil med width="beregnBredde()" ?

Synes godt om

helle_fred Nybegynder

17. juni 2004 - 12:08 #6

Synes godt om

dont Nybegynder

17. juni 2004 - 16:13 #7

Tak for hjælpen. Nu virker det perfekt. (uden alert(t))
<script>
I=new Image();
I.src="b.jpg";
Procent=20
t="<img src='"+I.src+"' width='"+I.width*(Procent/100)+"' >";
document.write(t)
</script>

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS