[JS] Plaatje resizen / grootte van 'echte' plaatje opvragen

Pagina: 1
Acties:

  • zeekoe
  • Registratie: Januari 2002
  • Laatst online: 20-08 07:24
Hoi,

* zeekoe moest een ceedeetje maken om allemaal foto's weer te geven.
Zover was ik:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
        <SCRIPT LANGUAGE="JavaScript">
            <!--
                var pnummer = 1
                var pmin = 1
                var pmax = 99
                var procent = 50
                var pnaam = "voorbereiding"
            -->
        </SCRIPT>
        <SCRIPT LANGUAGE="JavaScript">
            <!--
            function dec() {
                if(pnummer > pmin) {
                    pnummer = pnummer - 1
                    update()
                    }
                }

            function inc() {
                if(pnummer < pmax) {
                    pnummer = pnummer + 1
                    update()
                    }
                }

            function update() {
                plaatje.src = pnaam + pnummer + ".jpg"
                }
            function resize() {
                width = plaatje.width
                height = plaatje.height
                width = width / 2
                height = height / 2
                plaatje.width = width
                plaatje.height = height
                }
            -->
        </SCRIPT>
    </HEAD>
    <BODY BGCOLOR=#FFFFFF>
        <SCRIPT LANGUAGE="JavaScript" SRC="../deel1.js"></SCRIPT>
        <A HREF="javascript:dec()" CLASS="m">&lt;</A> <A HREF="javascript:inc()" CLASS="m">&gt;</A>
        [img]"voorbereiding1.jpg"[/img]
        <SCRIPT LANGUAGE="JavaScript" SRC="../deel2.js"></SCRIPT>
    </BODY>

Deze code zorgt ervoor dat de plaatjes worden weergegeven enzo. Ik wil ze dynamisch kunnen resizen, zodat ze kunnen kiezen uit 50%, 25% enz.
Dit lukt op deze manier een beetje, het probleem is dat het plaatje per volgende foto kleiner wordt omdat hij uitgaat van de grootte van het plaatje zoals weergegeven, en niet zoals het op de schijf staat.
Als het mogelijk zou zijn om 1 vaste grootte te gebruiken zou dat ook goed zijn (beter zelfs), alleen zit ik met het probleem dat sommige foto's portrait en sommige landscape zijn :/
Iemand een idee???

Nieuw huis, nieuwe (verduurzamings)kansen...


Verwijderd

Sla de originele groottes op in variabelen, en ga daarmee aan de gang in plaats van met de groottes van de plaatjes op het moment dat je erop klikt.

  • whoami
  • Registratie: December 2000
  • Nu online
Javascript hoort niet thuis in PW maar in W&G.

https://fgheysels.github.io/


  • zeekoe
  • Registratie: Januari 2002
  • Laatst online: 20-08 07:24
hm vind je?
ik vind javaSCRIPT op zich wel webSCRIPTing maar goed...
hmm alle originele groottes opslaan in variabelen is best wel een idee... wel redelijk tijdrovend en zo denk ik, maar moet best wel kunnen denk ik
danku :)

Nieuw huis, nieuwe (verduurzamings)kansen...


  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 20-08 14:51

TwoR

Gekleurde stippen

Volgens mij is PW voor server side scripting en W&G voor Client side Daarom staat ie dus nu in W&G

Welkom in P&W (FAQ-19/02/2003) (en dan het tweede puntje :) )

[ Voor 38% gewijzigd door TwoR op 19-06-2003 19:44 ]


  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 22-08 02:40

Pelle

🚴‍♂️

zeekoe schreef op 19 June 2003 @ 19:40:
hm vind je?
ik vind javaSCRIPT op zich wel webSCRIPTing maar goed...
Ookal vindt whoami van niet, de FAQ vindt van wel en JIJ wordt geacht die te lezen.

  • zeekoe
  • Registratie: Januari 2002
  • Laatst online: 20-08 07:24
hmz tja, heb nooit zin om FAQs te lezen eigenlijk... maar ik weet t, het moet eigenlijk wel...
sorry iig :)
En het is me uiteindelijk gelukt met resizen e.d. dankzij dingen die ik uit de search onthouden heb.
Eerst laad ik het plaatje in een tempimage = new Image() en dan kijk ik naar de grootte e.d. (die klopt wel). Dan plaatje kopieren, en bij het [img]""[/img] een onLoad geval ingebouwd die de boel dan resized. Werkt vet :)

Nieuw huis, nieuwe (verduurzamings)kansen...

Pagina: 1