Foto's automatisch verkleinen

[dezinvanluxe]

• Adres van je forum: http://www.dezinvanluxe.nl/forum
  Event. modificaties op je forum:
  Wanneer ontstond het probleem?
  phpBB versie:3.0.11
  
  
  Heb je onlangs iets veranderd aan je forum?
  Wat is het probleem?

Bij het ene template (het standaard ingestelde template) worden foto's automatisch verkleind tot een bepaalde grootte, maar bij het andere template dat mijn forumleden kunnen gebruiken is dit niet het geval. Hoe kan ik ervoor zorgen dat dit toch het geval is?

Het template dat als standaard is ingesteld is een custom template. Het andere template is het prosilver template.

Alvast bedankt .

[David]

Niet alle stijlen kunnen foto's verkleinen, je kunt voor die stijlen een modificatie gebruiken namelijk ReIMG Image Resizer je moet deze modificatie wel op iedere stijl apart installeren, maar dat is met iedere modificatie

[dezinvanluxe]

Niet alle stijlen kunnen foto's verkleinen, je kunt voor die stijlen een modificatie gebruiken namelijk ReIMG Image Resizer je moet deze modificatie wel op iedere stijl apart installeren, maar dat is met iedere modificatie

Is het daarbij zo dat ik zelf een max breedte aan kan geven voor de afbeelding?

Zoals ik eerder al aangaf ben ik een redelijke noob op het gebied van phpBB: hoe kan ik zo'n mod installeren?

[David]

Ja, dat kan dan via je beheerderspaneel. Je kijgt dan een module onder de TAB: .Mods. Je kunt dan bijvoorbeeld ook lightbox of Highslide JS instellen.

[dezinvanluxe]

Ja, dat kan dan via je beheerderspaneel. Je kijgt dan een module onder de TAB: .Mods. Je kunt dan bijvoorbeeld ook lightbox of Highslide JS instellen.

Laat ik het anders stellen: ik ben zo'n noob dat ik niet weet hoe ik deze geïnstalleerd krijg...

Ik heb hem tot op heden gedownload. Verder nog niets mee kunnen doen...

[Solidjeuh]

Hier kan je alle uitleg terug vinden over hoe je een modificatie moet installeren:

http://wiki.phpbb.nl/3.x/Modificatie_installeren

[dezinvanluxe]

Kan de volgende code in mijn overall_header er iets mee te maken hebben? Deze staat namelijk wel in de code van het ene template waarin alles verkleind wordt, maar niet in het andere template...

Code: Selecteer alles

<script type="text/javascript">
// <![CDATA[
/**
* Resize too large images
*/
<!-- IF S_REIMG -->
	var reimg_maxWidth = {REIMG_MAX_WIDTH}, reimg_maxHeight = {REIMG_MAX_HEIGHT}, reimg_relWidth = {REIMG_REL_WIDTH};
	<!-- IF S_REIMG_SWAP_PORTRAIT -->
		var reimg_swapPortrait = true;
	<!-- ENDIF -->

	<!-- IF S_REIMG_ZOOM -->
		var reimg_zoomImg = "{T_IMAGES_PATH}spacer.gif";
		var reimg_zoomStyle = "<!-- IF REIMG_ZOOM_IN_IMG_SRC --><!-- IF REIMG_ZOOM_IN_IMG_WIDTH -->width: {REIMG_ZOOM_IN_IMG_WIDTH}px; <!-- ENDIF --><!-- IF REIMG_ZOOM_IN_IMG_HEIGHT -->height: {REIMG_ZOOM_IN_IMG_HEIGHT}px; <!-- ENDIF -->background: url({REIMG_ZOOM_IN_IMG_SRC}) top left no-repeat; <!-- ELSE -->width: 20px; height: 20px; background: green; <!-- ENDIF -->filter: Alpha(Opacity=50); opacity: .50;";
		var reimg_zoomHover = "background-position: 0 100%; cursor: pointer; filter: Alpha(Opacity=100); opacity: 1.00;";
		var reimg_zoomAlt = "{L_REIMG_ZOOM_IN}";
		var reimg_zoomTarget = "{S_REIMG_ZOOM}";
	<!-- ENDIF -->
<!-- ENDIF -->

function reimg(img, width, height) { window.reimg_version ? reimg_resize(img, width, height) : null; }
// ]]>
</script>
<!-- IF S_REIMG -->
	<script type="text/javascript" src="./styles/reimg.js"></script>
	<!-- IF S_REIMG_ZOOM and (S_DISPLAY_REVIEW or S_DISPLAY_HISTORY) -->
		<style type="text/css" media="screen, projection"><!--
		#topicreview .reimg-zoom { display: none; }
		--></style>
	<!-- ENDIF -->
<!-- ENDIF -->

<!-- IF S_REIMG_LITEBOX -->
	<script type="text/javascript">
	// <![CDATA[
	/**
	* Light box for resized images
	*/
	var litebox_alt = "{L_IMAGE}";
	<!-- IF S_REIMG_LITEBOX eq '_litebox' -->
		var litebox_zoomImg = reimg_zoomImg;
		var litebox_zoomStyle = reimg_zoomStyle;
		var litebox_zoomHover = reimg_zoomHover;
		var litebox_zoomAlt = reimg_zoomAlt;
	<!-- ELSEIF S_REIMG_LITEBOX eq '_litebox1' -->
		var reimg_zoomLevel = 100;
	<!-- ENDIF -->
	var litebox_closeImg = reimg_zoomImg;
	var litebox_closeStyle = "<!-- IF REIMG_ZOOM_OUT_IMG_SRC --><!-- IF REIMG_ZOOM_OUT_IMG_WIDTH -->width: {REIMG_ZOOM_OUT_IMG_WIDTH}px; <!-- ENDIF --><!-- IF REIMG_ZOOM_OUT_IMG_HEIGHT -->height: {REIMG_ZOOM_OUT_IMG_HEIGHT}px; <!-- ENDIF -->background: url({REIMG_ZOOM_OUT_IMG_SRC}) top left no-repeat; <!-- ELSE -->width: 20px; height: 20px; background: red; <!-- ENDIF -->filter: Alpha(Opacity=50); opacity: .50;";
	var litebox_closeHover = reimg_zoomHover;
	var litebox_closeAlt = "{L_REIMG_ZOOM_OUT}";
	var litebox_rtl = <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->true<!-- ELSE -->false<!-- ENDIF -->;
	// ]]>
	</script>
	<script type="text/javascript" src="./styles/litebox.js"></script>
<!-- ENDIF -->