ReIMG Image Resizer

[CMA]

just curious...

how to display image to XXXpx by width ONLY... not reseize by height...

[DavidIQ]

So you want to keep the height intact but resize the width? It's really all relative (resizing one resizes the other by the same ratio) and most pictures won't look right if you just resize by either height or width by itself. I don't really plan on adding something like that. It would just add more complexity and confusion to the settings...

[CMA]

hmmm... i dont think so..

i mean when post the large iarge such as 1200x800 then it will display about 400x380 as it will resize that based on height of resolution from user... so it should be 600x400 as resize by maximum width of 400 that i asked for in ACP...

i mean i dont want to see various annoying thumbnails... i want to see all thumbnail is 400 X [height depends on original of picture]

another question...

when i click on the thumbnail... it will pop up the iframe if the image is very huge... so where can i change that height to 90%?

[dr16049]

This Mod was exactly what I wanted. Thank you!! I dont know if there should be some controls for it, because it would not maake thumbnails. I did enable them also. So I just changed the max picture size and that works.
Keeps all my pics the same size and works as a thumbnail. LOVE IT

demo:

http://nor-calatv.com/phpBB3/viewtopic.php?f=18&t=5455

[f1_schu]

Well what can i say...GREAT MOD!!
Installed on my phpbb3 3.0.6 using automod, install was easy and error free, then made template code changes manually to my RT Affinity theme as automod only updates default prosilver and subsilver themes, then went and set options in acp...job done!

Thanks Dave for this great mod, was exactly what i was looking for, easy install and works great, what more could you ask for?

NOTE TO OTHERS: Make sure you refresh your imagesets after install!!!!

Rated 10/10!

[FaresNB]

I've seen lightbox come up with a black background: is that possible?

It seems that maybe I have to set the parameters for highslide or lightbox in reimg_content.html which is found in the template sub-dir.

But looking at the file, it seems to point to

Here's my file, if that will help:

Code: Select all

<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 -->
	var reimg_loadingImg = "{T_IMAGES_PATH}spacer.gif";
	var reimg_loadingStyle = "<!-- IF REIMG_LOADING_IMG_SRC --><!-- IF REIMG_LOADING_IMG_WIDTH -->width: {REIMG_LOADING_IMG_WIDTH}px; <!-- ENDIF --><!-- IF REIMG_LOADING_IMG_HEIGHT -->height: {REIMG_LOADING_IMG_HEIGHT}px; <!-- ENDIF -->background: url({REIMG_LOADING_IMG_SRC}) top left no-repeat; <!-- ELSE -->width: 20px; height: 20px; background: orange; <!-- ENDIF -->filter: Alpha(Opacity=50); opacity: .50;";
	var reimg_loadingAlt = "{LA_LOADING_TEXT}";
	<!-- IF S_REIMG_ZOOM -->
		<!-- IF S_REIMG_LINK -->
			var reimg_autoLink = true;
		<!-- ENDIF -->
		<!-- IF S_REIMG_BUTTON -->
			var reimg_zoomImg = reimg_loadingImg;
			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;";
		<!-- ENDIF -->
		var reimg_zoomAlt = "{LA_REIMG_ZOOM_IN}";
		var reimg_zoomTarget = "{S_REIMG_ZOOM}";
	<!-- ENDIF -->
<!-- ENDIF -->
		
	function reimg(img, width, height)
	{
		if (window.reimg_version)
		{
			reimg_resize(img, width, height);
		}
	}
// ]]>
</script>

<!-- IF S_REIMG -->
	<script type="text/javascript" src="{ROOT_PATH}reimg/reimg.js"></script>

	<!-- IF S_REIMG_ZOOM -->
		<style type="text/css" media="screen, projection">
		<!--
			#topicreview .reimg-zoom { display: none; }
		-->
		</style>
	<!-- ENDIF -->
<!-- ENDIF -->

<!-- IF S_REIMG_LITEBOX -->
	<!-- IF S_REIMG_LITEBOX eq '_highslide' -->
		<script type="text/javascript" src="{ROOT_PATH}reimg/highslide/highslide-full.packed.js"></script>
		<link rel="stylesheet" type="text/css" href="{ROOT_PATH}reimg/highslide/highslide.css" />
	<!-- ENDIF -->

	<script type="text/javascript">
	// <![CDATA[
		/**
		* Light box for resized images
		*/
	<!-- IF S_REIMG_LITEBOX eq '_highslide' -->
		if (window.hs)
		{
			hs.graphicsDir = "{ROOT_PATH}reimg/highslide/graphics/";
			// Language settings for Highslide JS
			hs.lang.cssDirection = "{S_CONTENT_DIRECTION}";
			hs.lang.loadingText = "{LA_LOADING_TEXT}";
			hs.lang.loadingTitle = "{LA_LOADING_TITLE}";
			hs.lang.focusTitle = "{LA_FOCUS_TITLE}";
			hs.lang.fullExpandTitle = "{LA_FULL_EXPAND_TITLE}";
			hs.lang.creditsText = "{LA_CREDITS_TEXT}";
			hs.lang.creditsTitle = "{LA_CREDITS_TITLE}";
			hs.lang.previousText = "{LA_PREVIOUS_TEXT}";
			hs.lang.nextText = "{LA_NEXT_TEXT}";
			hs.lang.moveText = "{LA_MOVE_TEXT}";
			hs.lang.closeText = "{LA_CLOSE_TEXT}";
			hs.lang.closeTitle = "{LA_CLOSE_TITLE}";
			hs.lang.resizeTitle = "{LA_RESIZE_TITLE}";
			hs.lang.playText = "{LA_PLAY_TEXT}";
			hs.lang.playTitle = "{LA_PLAY_TITLE}";
			hs.lang.pauseText = "{LA_PAUSE_TEXT}";
			hs.lang.pauseTitle = "{LA_PAUSE_TITLE}";
			hs.lang.previousTitle = "{LA_PREVIOUS_TITLE}";
			hs.lang.nextTitle = "{LA_NEXT_TITLE}";
			hs.lang.moveTitle = "{LA_MOVE_TITLE}";
			hs.lang.number = "{LA_IMAGE_NUMBER}";
			hs.lang.restoreTitle = "{LA_RESTORE_TITLE}";
		}
	<!-- ELSE -->
		var litebox_alt = "<!-- IF S_REIMG_LINK -->{LA_REIMG_ZOOM_OUT}<!-- ELSE -->{LA_IMAGE}<!-- ENDIF -->";
		<!-- IF S_REIMG_LITEBOX eq '_litebox' -->
			var litebox_zoomImg = reimg_loadingImg;
			<!-- IF S_REIMG_BUTTON -->
				var litebox_zoomStyle = reimg_zoomStyle;
				var litebox_zoomHover = reimg_zoomHover;
			<!-- ELSE -->
				var litebox_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 litebox_zoomHover = "background-position: 0 100%; cursor: pointer; filter: Alpha(Opacity=100); opacity: 1.00;";
			<!-- ENDIF -->
			var litebox_zoomAlt = reimg_zoomAlt;
		<!-- ELSEIF S_REIMG_LITEBOX eq '_litebox1' -->
			var reimg_zoomLevel = 100;
		<!-- ENDIF -->
		<!-- IF S_REIMG_LINK -->
			var litebox_style = "cursor: pointer;"
		<!-- ENDIF -->
		<!-- IF S_REIMG_BUTTON -->
			var litebox_closeImg = reimg_loadingImg;
			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 = <!-- IF S_REIMG_LINK -->litebox_alt<!-- ELSE -->"{LA_REIMG_ZOOM_OUT}"<!-- ENDIF -->;
		<!-- ENDIF -->
		var litebox_rtl = <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->true<!-- ELSE -->false<!-- ENDIF -->;
	<!-- ENDIF -->
	// ]]>
	</script>

	<!-- IF S_REIMG_LITEBOX ne '_highslide' -->
		<script type="text/javascript" src="{ROOT_PATH}reimg/litebox.js"></script>
	<!-- ENDIF -->
<!-- ENDIF -->

Not sure what you mean. There should be absolutely nothing that needs changing in that file. The items contained within are controlled by the configurations in admin. Have you set up the MOD in Post Settings in the ACP?

I have the same problem about the totaly black background. It happens only when there are more than 5 or 7 images in the same topic . And only on IE .

Here is a topic shows this problem :
http://forum.art-en.com/viewtopic.php?f=99&t=19388

here is another topic which has no problem because there aren't meny images
http://forum.art-en.com/viewforum.php?f=49

So any help ?

[f1_schu]

I just looked at the links you posted and all seems to be okay for me, so not sure what the problem is.

[FaresNB]

I just looked at the links you posted and all seems to be okay for me, so not sure what the problem is.

I mentioned that it happens only in IE , and IE8 to be more specific . What is you browser ?

[f1_schu]

Im using IE8 and it works fine for me bro

[DavidIQ]

Im using IE8 and it works fine for me bro

Same here...

[FaresNB]

Im using IE8 and it works fine for me bro

Same here...

Strange
Here is how it looks for me

[DavidIQ]

Here's what I'm seeing:

http://forum.art-en.com/viewtopic.php?f=99&t=19388

art_en.png (267.3 KiB) Viewed 556 times

[GLADDos]

Having a bit of a problem installing this.

Installed via Automod (compressed file). Got to the point where I have to download the file along with the DIY instructions about pointing the browser at, in my case, /forum/install_reimg.php.
However, thats a 404 and isnt included in the compressed download... Matter of fact, I think somethings wrong with the download:

Untitled-1.jpg (40.53 KiB) Viewed 551 times

PHPBB ver: 3.0.6
Automod ver: 1.0.0 RC3

[DavidIQ]

You'll need to post about that in the AutoMOD support forum.

[GLADDos]

You'll need to post about that in the AutoMOD support forum.

Im assuming Im right in thinking the compressed file is incorrect?