Archief - PhpBB: hoe laat ik autom. foto's resizen ... ?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

MrCelle

Legacy Member
Beste,

mijn forum begint op gang te komen, het gaat over RC cars dus men members willen foto's plaatsen die ze hosten. Maar sommige kunnen of willen niet hun foto's zelf verkleinen naar bv. 400x250 size.

Ik heb eens een phpbb forum gezien als je een '
' plaatste in je post met een afbeelding van 1024x768 zette de forum hem autom. naar een kleiner formaat wat veel mooier en handiger is!

Ik heb 'google' afgespeurd naar phpbb mods, scripts, ... zonder succes, net zoals de nogal middelmatige script/mods op de orriginele phpbb site's ... :(

Als iemand mij kan helpen of als er nog een simpelere manier bestaat, bedankt alvast.

groet: celle

Smoerf

Legacy Member
Dit is de javascript:
Code:
// Base HREF
var basehref = "http://forum.onlinepeople.nl";

// Small Images array
var verkleinde_afbeeldingen = new Array();

// Max size of image
var maxSize = 750;

// define function for big picture
function WareGrootte(e)
{
		if (window.event)
		{
			e = window.event;
		}
		var oSource = e.srcElement ? e.srcElement.src : e.target.src;
		tempvar = verkleinde_afbeeldingen[oSource];
		ViewLarge = window.open("", "_grootPlaatje","toolbar=no,location=no,menubar=no,scrollbars=yes,status=no,resizable=yes,left=0,top=0" + tempvar);
		ViewLarge.document.writeln("<html><head><title>Onlinepeople: normaal plaatje</title>");
		ViewLarge.document.writeln("</head><body bgcolor=\"#ababab\" topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\">");
		ViewLarge.document.writeln("<img src=\"" + oSource + "\" onclick=\"window.close()\" title=\"Klik om venster te sluiten.\" onmouseover=\"this.style.cursor='hand'\">");
		ViewLarge.document.writeln("</body></html>");
		ViewLarge.document.close();
	}

// Define function for resizing
function verklein(afbeelding)
{
	if (window.event)
	{
		e = window.event;
	}
	
	if (typeof afbeelding != 'object')
	{
		var afbeelding = e.srcElement ? e.srcElement : e.target;
	}
	
	var width = afbeelding.width;
	var height = afbeelding.height;
	var url = afbeelding.src;

	if (width > maxSize)
	{
//		verkleinde_afbeeldingen[url] = ",width=" + width + ",height=" + height;
		verkleinde_afbeeldingen[url] = ",width=800,height=600";
		afbeelding.width = maxSize;
		afbeelding.title = "Klik voor ware grootte.";
		afbeelding.style.border = "1px dashed #333333";
		afbeelding.onclick = WareGrootte;
		afbeelding.height = Math.floor(height/(width/maxSize));
		afbeelding.style.cursor = "hand";
	}
}

// ddefine function for searching images
function search_images()
{
	aantal = document.images.length;
	i = 0;

	while (aantal > i)
	{
		imgurl = document.images[i].src;

		if (!imgurl.match(basehref))
		{
			if (document.images[i].complete)
			{
				verklein(document.images[i]);
			}
			else
			{
				document.images[i].onload = verklein;
			}
		}
		
		i++;
	}
}

En dan voeg je dit in je footer toe (net voor </body>):
Code:
<script language="JavaScript" type="text/javascript">
search_images();
</script>

En natuurlijk niet vergeten om het .js bestand aan te roepen in je <head> sectie.

Succes

MrCelle

Legacy Member
Hey erg bedankt 'smoerf' :applause: :bow: :love:

maar dit snap ik niet: "En natuurlijk niet vergeten om het .js bestand aan te roepen in je <head> sectie"

bestaat er een tut. voor?

toch al bedankt!

Zero Grav

Legacy Member
ik geloof da het zo is:

ge steekt die code in een bestand genaamd: img_verkleiner.js ofzo

en dan in uw <head> steekt ge een tag waarmee ge .js files in kunt laden (ken de tag ni vanbuiten maar even googlen naar js files zal u wel verderhelpen)

en dan in de body zet ge die code van search_images();
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan