Images resizen zoals op Fok Forum

Pagina: 1
Acties:
  • 3.740 views sinds 30-01-2008

  • stefanvverk
  • Registratie: Oktober 2002
  • Niet online
Hai,

Ik zit me echt rot te proberen hoe ik images automatisch kan resizen, zoals dat op het Fok Forum gedaan wordt. Wat ik nu heb is:

Afbeeldingslocatie: http://myimg.jpg 370) {this.width=370;}">

Dit werkt, voor de 1e keer dat de page geladen worden. Op het moment dat de plaatjes binnen zijn, worden ze netjes geresized.
Echter als je de page nog een keer bezoekt, zijn de images al geladen vanuit de cache, en werkt het schript niet meer.

Wat kan ik hieraan doen ?!
Of weet iemand een totaal ander script wat wel werkt ?!

[ Voor 5% gewijzigd door stefanvverk op 24-10-2003 15:41 ]


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 31-10 16:08
Wat zie je op het FOK forum in de source dan? :)

  • chem
  • Registratie: Oktober 2000
  • Laatst online: 06-11 21:06

chem

Reist de wereld rond

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var maxImageWidth = 400;
function unscaleImage()
{
    if(maxImageWidth > 0)
        this.width = this.width == maxImageWidth? this.orgwidth:maxImageWidth;
}

function scaleImage(im)
{
    if (maxImageWidth > 0 && im.width > maxImageWidth)
    {
        im.orgwidth = im.width;
        im.width = maxImageWidth;
        im.onclick = unscaleImage;
    }
}

en bij de afbeelding: onLoad="scaleImage(this)"

[ Voor 4% gewijzigd door chem op 24-10-2003 15:42 ]

Klaar voor een nieuwe uitdaging.


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:45

crisp

Devver

Pixelated

die onload zou ook als het plaatje vanuit de cache wordt geladen het gewoon moeten doen hoor...
Ik heb thuis nog een leuk scriptje, zal ik vanavond even opsnorren (mogelijkheid om te switchen tussen volledige grootte en verkleinde weergave)

edit: chem: die lijkt wel op dat scriptje dat ik thuis heb! ;)

ik heb trouwens 2 versies:

versie 1
versie 2

[ Voor 36% gewijzigd door crisp op 24-10-2003 22:57 ]

Intentionally left blank


  • André
  • Registratie: Maart 2002
  • Laatst online: 06-11 12:10

André

Analytics dude

Ik heb ooit ook eens zoiets gemaakt, en er waren inderdaad problemen (bugs?) met gecachede images. Ik weet niet meer precies wat het probleem was.

  • chem
  • Registratie: Oktober 2000
  • Laatst online: 06-11 21:06

chem

Reist de wereld rond

crisp schreef op 24 oktober 2003 @ 15:43:
die onload zou ook als het plaatje vanuit de cache wordt geladen het gewoon moeten doen hoor...
Ik heb thuis nog een leuk scriptje, zal ik vanavond even opsnorren (mogelijkheid om te switchen tussen volledige grootte en verkleinde weergave)

edit: chem: die lijkt wel op dat scriptje dat ik thuis heb! ;)

;)

Klaar voor een nieuwe uitdaging.


  • stefanvverk
  • Registratie: Oktober 2002
  • Niet online
chem schreef op 24 October 2003 @ 15:42:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var maxImageWidth = 400;
function unscaleImage()
{
    if(maxImageWidth > 0)
        this.width = this.width == maxImageWidth? this.orgwidth:maxImageWidth;
}

function scaleImage(im)
{
    if (maxImageWidth > 0 && im.width > maxImageWidth)
    {
        im.orgwidth = im.width;
        im.width = maxImageWidth;
        im.onclick = unscaleImage;
    }
}

en bij de afbeelding: onLoad="scaleImage(this)"
Even snel geprobeerd, en werkt dus NIET bij gecached images. Wel weer op een reload, maar niet bij cached images.
Check maar op:
http://www.alienversuspre...ml/forum/posts&topicID=26
Klik dan bovenaan op "General Chat" en dan weer op "Test Topic"

[ Voor 7% gewijzigd door stefanvverk op 24-10-2003 15:52 ]


  • avon
  • Registratie: November 2002
  • Laatst online: 27-06 12:38
Doen ze het @ Fok! niet server side'd met een php resize module ?

Scheelt je hoop laad tijd iedergeval.

Gratis webwinkel beginnen? Met Onetoshop.com kunt u direct beginnen!


  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 06-11 15:56

Pelle

🚴‍♂️

Ik stel voor dat je gewoon de Fok source in duikt. Kan me niet aan de indruk onttrekken dat je zelf moeite hebt gedaan.
Pagina: 1

Dit topic is gesloten.