.
Is het daarbij zo dat ik zelf een max breedte aan kan geven voor de afbeelding?David schreef: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
Laat ik het anders stellen: ik ben zo'n noob dat ik niet weet hoe ik deze geïnstalleerd krijg...David schreef: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.
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 -->