MOD Description: Resizes user-posted images that are too large, optionally overlaying a zoom button to view the original-sized image (optionally in a lightbox).
MOD Version: 0.0.B8
MOD Download: See http://www.phpbb.com/community/viewtopi ... 5#p9576315
Last Stable version: - Beta 9
Demo Board: See http://www.phpbb.com/community/viewtopi ... 5#p9576315
MOD Format: MODX
phpBB Version: 3.0
Supported styles: prosilver, subsilver2
Supported languages: English, Dutch
Features:
- Images are resized (downscaled) client-side using javascript.
- Images don't first load in large format and then collapse, but instead appear only after they have been resized already.
- An optional zoom button is overlayed on top of resized images, so you can click to the original-sized image. This button will not mess up a URL the poster might have placed around the image.
- The original-sized image can open in the current window, in a new window, or in a cool lightbox.
- Only user-posted images posted using Img BBCode and inline image attachments are resized. However, any other image can be resized (and/or equipped with a zoom button ) by adding class, onload and onerror to the <img> XHTML tag.
- You can specify the maximum dimensions in pixels (e.g. 640x480) and/or a maximum relative width (e.g. 80%).
- All settings (maximum dimensions, zooming method) can be changed from the Administration Control Panel.
- This MOD comes with default, neutral style sheeting built in, so you don't need to alter all your theme files. However, you can override these defaults from within your theme files, and thus unleash your own style sheeting magic on the resized images.
- Quick loading, jsstripped javascript files as well as full javascript source code files are included.
- I've successfully tested this MOD in Internet Explorer 7, Internet Explorer 8 Beta 1, Internet Explorer 6, Firefox 2, Firefox 3 Beta 5, Safari 3.1, Opera 9.27 and Mozilla 1.7.
- This MOD uses the onload and onerror attributes on XHTML <img> tags, which is not allowed in both XHTML 1.0 Strict and Transitional. However, as mentioned before, it works on virually all popular browser software, and so it is not much of a problem in my opinion. It is also possible to deploy this MOD without onload and onerror if you need to stay 100% XHTML 1.0 compliant.
- Safari and Opera currently do not always position the zoom in/out buttons on the right side when in right-to-left mode, but apart from that everything works fine. I am kind of hoping that these issues will be addressed in future releases of Safari and Opera...
Resized images with overlayed zoom button
An original-sized image viewed using the built-in lightbox
The image resize settings in de Administration Control Panel
Yeah I know, there are a number of javascript image resizers already out there, but I thought I could do better. Of course I'll let you guys be the judge of that.
- Tale