Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Foto verkleinen

Frederic - 03/05/2005 18:12

PHP ver gevorderde

Ik heb volgend script om foto's te resizen (werkt)

php code - Bekijk de code zonder highlighting - Klap code in

                function verklein(image, maxWidth) {
if (image.width > maxWidth) {
image.width = maxWidth;
}
}
            
function verklein(image, maxWidth) {
if (image.width > maxWidth) {
image.width = maxWidth;
}
}
 

Dat werkt, als een foto nu breder is dan maxWidth gaat ie kleiner gemaakt worden. Maar stel nu: het is een hoge foto (en een zeer lage breedte), dan is je pagina ook messed up. Dus dacht ik: maak er zoiets van

php code - Bekijk de code zonder highlighting - Klap code in

                function verklein(image, maxWidth) {
    if (image.width > maxWidth) {
        image.width = maxWidth;
    }
	else if (image.height > maxWidth) {
        image.height = maxWidth;
    }
	else if (image.width = image.height AND image.width > maxWidth) {
			image.width = maxWidth;
    }
}

            
function verklein(image, maxWidth) {
    if (image.width > maxWidth) {
        image.width = maxWidth;
    }
	else if (image.height > maxWidth) {
        image.height = maxWidth;
    }
	else if (image.width = image.height AND image.width > maxWidth) {
			image.width = maxWidth;
    }
}
 

Maar dan werkt het ineens niet meer, een foto die hoger is dan breder mag nog steeds tot aan de maxWidt gaan, terwijl die normaal maar maxWidth hoog mag zijn...

6 antwoorden

Gesponsorde links

Thomas - 03/05/2005 18:49
Moderator		De hoogte heeft verder niets met de breedte te maken (in die zin dat de oorspronkelijke hoogte en breedte niet van elkaar afhangen), dus je moet dit niet doen met een elseif-statement, maar met aparte if-statements. Als je de foto's op schaal wilt houden (de verhouding hoogte:breedte in stand wilt houden) moet je met schalen gaan werken. Je kijkt dan eerst naar de hoogte, en controleert of deze een bepaalde waarde overschrijdt, zoja, resize hoogte en breedte met schaal <hoogte van het plaatje> / <max hoogte van het plaatje> en controleer hierna de breedte van het plaatje op dezelfde manier (want het kan best zijn dat de (geschaalde) breedte de maximumbreedte nog steeds overschrijdt.

Frederic - 03/05/2005 18:51
PHP ver gevorderde		Maar vreemd genoeg: als ik php code - Bekijk de code zonder highlighting - Klap code in function verklein(image, maxWidth) { if (image.width > maxWidth) { image.width = maxWidth; } } function verklein(image, maxWidth) { if (image.width > maxWidth) { image.width = maxWidth; } } uitvoer, dan blijft de foto gewoon op schaal, dus hij wordt gewoon zowel in hoogte als in breedte geresised!

MechaVore - 03/05/2005 18:52 (laatste wijziging 03/05/2005 18:53)

PHP gevorderde

php code - Bekijk de code zonder highlighting - Klap code in

                <?
if (image.width > maxWidth) 
{
    image.width = maxWidth;
}
if (image.height > maxWidth) 
{
    image.height = maxWidth;
}
?>
            
<?
if (image.width > maxWidth) 
{
    image.width = maxWidth;
}
if (image.height > maxWidth) 
{
    image.height = maxWidth;
}
?>
 

kan je het niet beter zo doen ?.

[edit]
Damn te laat

Thomas - 03/05/2005 18:54
Moderator		@Fréderic: vreemd - vul je dan verder geen height in ofzo ? @Lightblade: dat kan natuurlijk ook, maar ik vraag me af of dat de schaal van het plaatje in tact laat - als ik op de reactie van Fréderic af zou moeten gaan zou ik zeggen dat jouw code voldoende is om het te laten werken

Frederic - 03/05/2005 18:55 (laatste wijziging 03/05/2005 19:13)

PHP ver gevorderde

Nee, ik vul wel geen hoogte in nee!

EDIT: die code werkt niet, want stel nu dat hij zowel groter is qua breedte en qua hoogte, dan gaat de foto wel messed up worden!

EDIT 2:
Dit is nu m'n code, maar welke image ook, hij krijgt altijd dezelfde hoogte als breedte (dus hij maakt er een vierkant van)

php code - Bekijk de code zonder highlighting - Klap code in

                function verklein(image, maxWidth) {
	if (image.width > image.height){
		if (image.width > maxWidth) {
			image.width = maxWidth;
		}
	}
	else{
		if (image.height > maxWidth)
		{
			image.height = maxWidth;
		}
	}
	if (image.width = image.height){
		if (image.width > maxWidth) {
			image.width = maxWidth;
		}
	}
}

            
function verklein(image, maxWidth) {
	if (image.width > image.height){
		if (image.width > maxWidth) {
			image.width = maxWidth;
		}
	}
	else{
		if (image.height > maxWidth)
		{
			image.height = maxWidth;
		}
	}
	if (image.width = image.height){
		if (image.width > maxWidth) {
			image.width = maxWidth;
		}
	}
}
 

Thomas - 03/05/2005 19:44

Moderator

Euh, = is een assignment (toekenning), == vergelijkt waarden.

php code - Bekijk de code zonder highlighting - Klap code in

function verklein(img, maxWidth, maxHeight) {
  // controleer hoogte
  if(img.height > maxHeight) {
    var schaal = img.height / maxHeight;
    img.height = maxHeight;
    img.width = Math.round(img.width / schaal);
  }

  // controleer breedte
  // hier wordt dus ook gekeken of het plaatje na
  // verkleining in de hoogte (en breedte) nog te breed is
  // zodat de uiteindelijke hoogte en breedte binnen respectievelijk
  // maxHeight en maxWidth vallen
  if(img.width > maxWidth) {
    var schaal = img.width / maxWidth;
    img.width = maxWidth;
    img.height = Math.round(img.height / schaal);
  }
}

function verklein(img, maxWidth, maxHeight) {
  // controleer hoogte
  if(img.height > maxHeight) {
    var schaal = img.height / maxHeight;
    img.height = maxHeight;
    img.width = Math.round(img.width / schaal);
  }
 
  // controleer breedte
  // hier wordt dus ook gekeken of het plaatje na
  // verkleining in de hoogte (en breedte) nog te breed is
  // zodat de uiteindelijke hoogte en breedte binnen respectievelijk
  // maxHeight en maxWidth vallen
  if(img.width > maxWidth) {
    var schaal = img.width / maxWidth;
    img.width = maxWidth;
    img.height = Math.round(img.height / schaal);
  }
}

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten