v1.2.1

IMC-GER · IMC-GER · commit d8f88845cc16 · 2023-05-09T14:55:36.000+02:00
- Changed max-width from inline image to  thumbnail in attachment box
- Added link to thumbnail in attachment box
-Revised language variables
diff --git a/README.md b/README.md
@@ -54,11 +54,11 @@ For full functionality "Maximum avatar file size" in "ACP" > "Board configuratio
 
 ## Changelog
 
-### v1.2.0 (14-04-2023)
+### v1.2.1 (09-05-2023)
 - Changed sql query for allowed image extensions
 - Changed compression method for png images
 - Added possibility to insert the attachment as an fullsize image in the post message
-- Added max display size for post images
+- Added maximum display size for images in posts displayed in the attachment box without thumbnails
 
 ### v1.1.1 (18-03-2023)
 - Fixed don't show preview thumbnail in attachments upload
diff --git a/imcger/imgupload/README.md b/imcger/imgupload/README.md
@@ -54,11 +54,11 @@ For full functionality "Maximum avatar file size" in "ACP" > "Board configuratio
 
 ## Changelog
 
-### v1.2.0 (14-04-2023)
+### v1.2.1 (09-05-2023)
 - Changed sql query for allowed image extensions
 - Changed compression method for png images
 - Added possibility to insert the attachment as an fullsize image in the post message
-- Added max display size for post images
+- Added maximum display size for images in posts displayed in the attachment box without thumbnails
 
 ### v1.1.1 (18-03-2023)
 - Fixed don't show preview thumbnail in attachments upload
diff --git a/imcger/imgupload/adm/style/acp_imgupload_body.html b/imcger/imgupload/adm/style/acp_imgupload_body.html
@@ -27,9 +27,9 @@ <h1>{{ lang('ACP_IMCGER_IMGUPLOAD_TITLE') }}</h1>
 			</dd>
 		</dl>
 		<dl>
-			<dt><label for="imcger_imgupload_image_inline_maxwidth">{{ lang('ACP_IMCGER_IMAGE_INLINE_MAXWIDTH') ~ lang('COLON') }}</label><br/><span>{{ lang('ACP_IMCGER_IMAGE_INLINE_MAXWIDTH_DESC') }}</span></dt>
+			<dt><label for="imcger_imgupload_img_max_thumb_width">{{ lang('ACP_IMCGER_IMG_MAX_THUMB_WIDTH') ~ lang('COLON') }}</label><br/><span>{{ lang('ACP_IMCGER_IMG_MAX_THUMB_WIDTH_DESC') }}</span></dt>
 			<dd>
-				<input type="number" id="imcger_imgupload_image_inline_maxwidth" min="0" max="99999" step="any" maxlength="3" name="imcger_imgupload_image_inline_maxwidth" value="{{ IMCGER_IMAGE_INLINE_MAXWIDTH }}"> px
+				<input type="number" id="imcger_imgupload_img_max_thumb_width" min="0" max="99999" step="any" maxlength="3" name="imcger_imgupload_img_max_thumb_width" value="{{ IMCGER_IMG_MAX_THUMB_WIDTH }}"> px
 			</dd>
 		</dl>
 	</fieldset>
diff --git a/imcger/imgupload/composer.json b/imcger/imgupload/composer.json
@@ -3,8 +3,8 @@
 	"type": "phpbb-extension",
 	"description": "Using ImageMagick php librarie for resize image attachments and creating thumbnails.",
 	"homepage": "https://github.com/IMC-GER/phpBB-Image-upload-use-ImageMagick/tags",
-	"version": "1.2.0",
-	"time": "2023-04-14",
+	"version": "1.2.1",
+	"time": "2023-05-09",
 	"license": "GPL-2.0-only",
 	"authors": [{
 			"name": "Thorsten Ahlers",
diff --git a/imcger/imgupload/controller/admin_controller.php b/imcger/imgupload/controller/admin_controller.php
@@ -103,7 +103,7 @@ public function display_options()
 			'IMCGER_AVATAR_FILESIZE_ISSET'	=> (bool) $this->config['avatar_filesize'],
 			'CREATE_THUMBNAIL'				=> (bool) $this->config['img_create_thumbnail'],
 			'IMCGER_IMGUPLOAD_IMAGE_INLINE'	=> (bool) $this->config['imcger_imgupload_image_inline'],
-			'IMCGER_IMAGE_INLINE_MAXWIDTH'	=>  $this->config['imcger_imgupload_image_inline_maxwidth'],
+			'IMCGER_IMG_MAX_THUMB_WIDTH'	=>  $this->config['imcger_imgupload_img_max_thumb_width'],
 		]);
 	}
 
@@ -127,7 +127,7 @@ protected function set_variable()
 		$this->config->set('img_strip_metadata', $this->request->variable('imcger_imgupload_del_exif', 0));
 		$this->config->set('img_create_thumbnail', $this->request->variable('img_create_thumbnail', 0));
 		$this->config->set('imcger_imgupload_image_inline', $this->request->variable('imcger_imgupload_image_inline', 0));
-		$this->config->set('imcger_imgupload_image_inline_maxwidth', $this->request->variable('imcger_imgupload_image_inline_maxwidth', 0));
+		$this->config->set('imcger_imgupload_img_max_thumb_width', $this->request->variable('imcger_imgupload_img_max_thumb_width', 0));
 	}
 
 	/**
diff --git a/imcger/imgupload/event/main_listener.php b/imcger/imgupload/event/main_listener.php
@@ -103,7 +103,7 @@ public function set_template_vars()
 		}
 
 		$allowed_images = [];
-		$img_maxwidth = $this->config['imcger_imgupload_image_inline_maxwidth'];
+		$img_max_thumb_width = $this->config['imcger_imgupload_img_max_thumb_width'];
 
 		$sql = 'SELECT extension FROM ' . EXTENSIONS_TABLE . ' WHERE group_id = (SELECT group_id FROM ' . EXTENSION_GROUPS_TABLE . ' WHERE group_name = "IMAGES")';
 		$result = $this->db->sql_query($sql);
@@ -115,9 +115,9 @@ public function set_template_vars()
 		$this->db-> sql_freeresult();
 
 		$this->template->assign_vars([
-			'IUL_ALLOWED_IMAGES' => json_encode($allowed_images),
-			'IUL_IMG_SET_INLINE' => $this->config['imcger_imgupload_image_inline'],
-			'IUL_IMG_MAXWIDTH'	 => $img_maxwidth ? $img_maxwidth . 'px' : 'none',
+			'IUL_ALLOWED_IMAGES'	  => json_encode($allowed_images),
+			'IUL_IMG_SET_INLINE'	  => $this->config['imcger_imgupload_image_inline'],
+			'IUL_IMG_MAX_THUMB_WIDTH' => $img_max_thumb_width ? $img_max_thumb_width . 'px' : false,
 		]);
 	}
 
diff --git a/imcger/imgupload/language/de/attachment.php b/imcger/imgupload/language/de/attachment.php
@@ -37,6 +37,6 @@
 
 $lang = array_merge($lang, [
 	// Post editor settings
-	'PLACE_INLINE'		 => 'Thumbnail im Beitrag anzeigen',
-	'IMAGE_PLACE_INLINE' => 'Bild im Beitrag anzeigen',
+	'IUL_PLACE_INLINE'	 => 'Vorschaubild im Beitrag anzeigen',
+	'IUL_IMAGE_PLACE_INLINE' => 'Bild im Beitrag anzeigen',
 ]);
diff --git a/imcger/imgupload/language/de/common.php b/imcger/imgupload/language/de/common.php
@@ -39,7 +39,7 @@
 
 	// Language pack author
 	'ACP_IMCGER_LANG_DESC'			=> 'Deutsch (Du)',
-	'ACP_IMCGER_LANG_EXT_VER' 		=> '1.2.0',
+	'ACP_IMCGER_LANG_EXT_VER' 		=> '1.2.1',
 	'ACP_IMCGER_LANG_AUTHOR' 		=> 'IMC-Ger',
 
 	// Messages
@@ -54,8 +54,8 @@
 	'ACP_IMCGER_THUMB_QUALITY_DESC'		=> 'Lege einen Wert zwischen 50% (kleinere Dateigröße) und 90% (höhere Qualität) fest. Werte größer als 90% erhöhen die Dateigröße und sind daher deaktiviert. Durch niedrigere Werte werden kleinere Dateien erzeugt.',
 	'ACP_IMCGER_IMAGE_INLINE'			=> 'Bild einfügen',
 	'ACP_IMCGER_IMAGE_INLINE_DESC'		=> 'Der Bildanhang kann mit dem BBCode „[img]url[/img]“ in dem Beitragseditor mittels eines Button eingefügt werden. Die Auswahl „Vorschaubild erstellen“ muss aktiviert sein.',
-	'ACP_IMCGER_IMAGE_INLINE_MAXWIDTH'		=> 'Maximale Bildbreite',
-	'ACP_IMCGER_IMAGE_INLINE_MAXWIDTH_DESC'	=> 'Maximale Breite in Pixel, mit der Bilder in Beiträgen angezeigt werden. Bei der Eingabe von 0 wird die Größe nicht begrenzt.',
+	'ACP_IMCGER_IMG_MAX_THUMB_WIDTH'	  => 'Maximale Breite/Höhe der Vorschaubilder:',
+	'ACP_IMCGER_IMG_MAX_THUMB_WIDTH_DESC' => 'Maximale Breite/Höhe in Pixel, mit der Bilder in der Box für Dateianhänge angezeigt werden. Bei der Eingabe von 0 wird die Größe nicht verändert.',
 
 	// Image settings
 	'ACP_IMCGER_SETTINGS_IMAGE'			=> 'Bild Einstellungen',
@@ -65,7 +65,7 @@
 	'ACP_IMCGER_MAX_SIZE_DESC'			=> 'Einstellung der maximalen Bildgröße in Pixel. Die Bilder werden auf die maximale Breite bzw. Höhe verkleinert. Die jeweils andere Seite wird proportional angepasst. Bei der Angabe von 0px x 0px wird keine Veränderung der Bildgröße durchgeführt.',
 	'ACP_IMCGER_MAX_FILESIZE'			=> 'Maximale Dateigröße',
 	'ACP_IMCGER_MAX_FILESIZE_DESC'		=> 'Einstellung der maximalen Dateigröße in Byte. Bei der Angabe von 0 findet keine Größenbeschränkung statt. Überschreitet die Größe der Bilddatei den eingestellten Wert wird diese angenähert verkleinert.',
-	'ACP_IMCGER_DEL_EXIF'				=> 'Entferne Metadaten (JPEG & WEBP)',
+	'ACP_IMCGER_DEL_EXIF'				=> 'Entfernt Metadaten (JPEG & WEBP)',
 	'ACP_IMCGER_DEL_EXIF_DESC'			=> 'Entfernt die Exif-Metadaten wie Name des Autors, GPS-Koordinaten und Kamera-Details.',
 
 	// Avatar settings
diff --git a/imcger/imgupload/language/de_x_sie/attachment.php b/imcger/imgupload/language/de_x_sie/attachment.php
@@ -37,6 +37,6 @@
 
 $lang = array_merge($lang, [
 	// Post editor settings
-	'PLACE_INLINE'		 => 'Thumbnail im Beitrag anzeigen',
-	'IMAGE_PLACE_INLINE' => 'Bild im Beitrag anzeigen',
+	'IUL_PLACE_INLINE'	 => 'Vorschaubild im Beitrag anzeigen',
+	'IUL_IMAGE_PLACE_INLINE' => 'Bild im Beitrag anzeigen',
 ]);
diff --git a/imcger/imgupload/language/de_x_sie/common.php b/imcger/imgupload/language/de_x_sie/common.php
@@ -37,9 +37,9 @@
 
 $lang = array_merge($lang, [
 
-	// language pack author
+	// Language pack author
 	'ACP_IMCGER_LANG_DESC'			=> 'Deutsch (Sie)',
-	'ACP_IMCGER_LANG_EXT_VER' 		=> '1.2.0',
+	'ACP_IMCGER_LANG_EXT_VER' 		=> '1.2.1',
 	'ACP_IMCGER_LANG_AUTHOR' 		=> 'IMC-Ger',
 
 	// Messages
@@ -51,21 +51,21 @@
 
 	// Attachment settings
 	'ACP_IMCGER_THUMB_QUALITY'			=> 'Vorschaubilder Komprimierungsqualität',
-	'ACP_IMCGER_THUMB_QUALITY_DESC'		=> 'Lege einen Wert zwischen 50% (kleinere Dateigröße) und 90% (höhere Qualität) fest. Werte größer als 90% erhöhen die Dateigröße und sind daher deaktiviert. Durch niedrigere Werte werden kleinere Dateien erzeugt.',
+	'ACP_IMCGER_THUMB_QUALITY_DESC'		=> 'Legen sie einen Wert zwischen 50% (kleinere Dateigröße) und 90% (höhere Qualität) fest. Werte größer als 90% erhöhen die Dateigröße und sind daher deaktiviert. Durch niedrigere Werte werden kleinere Dateien erzeugt.',
 	'ACP_IMCGER_IMAGE_INLINE'			=> 'Bild einfügen',
 	'ACP_IMCGER_IMAGE_INLINE_DESC'		=> 'Der Bildanhang kann mit dem BBCode „[img]url[/img]“ in dem Beitragseditor mittels eines Button eingefügt werden. Die Auswahl „Vorschaubild erstellen“ muss aktiviert sein.',
-	'ACP_IMCGER_IMAGE_INLINE_MAXWIDTH'		=> 'Maximale Bildbreite',
-	'ACP_IMCGER_IMAGE_INLINE_MAXWIDTH_DESC'	=> 'Maximale Breite in Pixel, mit der Bilder in Beiträgen angezeigt werden. Bei der Eingabe von 0 wird die Größe nicht begrenzt.',
+	'ACP_IMCGER_IMG_MAX_THUMB_WIDTH'	  => 'Maximale Breite/Höhe der Vorschaubilder:',
+	'ACP_IMCGER_IMG_MAX_THUMB_WIDTH_DESC' => 'Maximale Breite/Höhe in Pixel, mit der Bilder in der Box für Dateianhänge angezeigt werden. Bei der Eingabe von 0 wird die Größe nicht verändert.',
 
 	// Image settings
 	'ACP_IMCGER_SETTINGS_IMAGE'			=> 'Bild Einstellungen',
 	'ACP_IMCGER_IMAGE_QUALITY'			=> 'Bild Komprimierungsqualität',
-	'ACP_IMCGER_IMAGE_QUALITY_DESC'		=> 'Lege einen Wert zwischen 50% (kleinere Dateigröße) und 90% (höhere Qualität) fest. Werte größer als 90% erhöhen die Dateigröße und sind daher deaktiviert. Durch niedrigere Werte werden kleinere Dateien erzeugt.',
+	'ACP_IMCGER_IMAGE_QUALITY_DESC'		=> 'Legen sie einen Wert zwischen 50% (kleinere Dateigröße) und 90% (höhere Qualität) fest. Werte größer als 90% erhöhen die Dateigröße und sind daher deaktiviert. Durch niedrigere Werte werden kleinere Dateien erzeugt.',
 	'ACP_IMCGER_MAX_SIZE'				=> 'Maximale Bildgröße',
 	'ACP_IMCGER_MAX_SIZE_DESC'			=> 'Einstellung der maximalen Bildgröße in Pixel. Die Bilder werden auf die maximale Breite bzw. Höhe verkleinert. Die jeweils andere Seite wird proportional angepasst. Bei der Angabe von 0px x 0px wird keine Veränderung der Bildgröße durchgeführt.',
 	'ACP_IMCGER_MAX_FILESIZE'			=> 'Maximale Dateigröße',
 	'ACP_IMCGER_MAX_FILESIZE_DESC'		=> 'Einstellung der maximalen Dateigröße in Byte. Bei der Angabe von 0 findet keine Größenbeschränkung statt. Überschreitet die Größe der Bilddatei den eingestellten Wert wird diese angenähert verkleinert.',
-	'ACP_IMCGER_DEL_EXIF'				=> 'Entferne Metadaten (JPEG & WEBP)',
+	'ACP_IMCGER_DEL_EXIF'				=> 'Entfernt Metadaten (JPEG & WEBP)',
 	'ACP_IMCGER_DEL_EXIF_DESC'			=> 'Entfernt die Exif-Metadaten wie Name des Autors, GPS-Koordinaten und Kamera-Details.',
 
 	// Avatar settings
diff --git a/imcger/imgupload/language/en/attachment.php b/imcger/imgupload/language/en/attachment.php
@@ -37,6 +37,6 @@
 
 $lang = array_merge($lang, [
 	// Post editor settings
-	'PLACE_INLINE'		 => 'Place thumbnail inline',
-	'IMAGE_PLACE_INLINE' => 'Place image inline',
+	'IUL_PLACE_INLINE'	 => 'Place thumbnail inline',
+	'IUL_IMAGE_PLACE_INLINE' => 'Place image inline',
 ]);
diff --git a/imcger/imgupload/language/en/common.php b/imcger/imgupload/language/en/common.php
@@ -37,9 +37,9 @@
 
 $lang = array_merge($lang, [
 
-	// language pack author
+	// Language pack author
 	'ACP_IMCGER_LANG_DESC'			=> 'British English',
-	'ACP_IMCGER_LANG_EXT_VER' 		=> '1.2.0',
+	'ACP_IMCGER_LANG_EXT_VER' 		=> '1.2.1',
 	'ACP_IMCGER_LANG_AUTHOR' 		=> 'IMC-Ger',
 
 	// Messages
@@ -53,9 +53,9 @@
 	'ACP_IMCGER_THUMB_QUALITY'			=> 'Thumbnail compression quality',
 	'ACP_IMCGER_THUMB_QUALITY_DESC'		=> 'Specify value between 50% (smaller file size) and 90% (higher quality). Quality higher than 90% increases filesize and is disabled. Lower values will generate smaller files.',
 	'ACP_IMCGER_IMAGE_INLINE'			=> 'Insert full size image',
-	'ACP_IMCGER_IMAGE_INLINE_DESC'		=> 'Image attachment can be inserted with the BBCode "[img]url[/img]" in the post editor using a button. The selection "Insert full size image" must be activated.',
-	'ACP_IMCGER_IMAGE_INLINE_MAXWIDTH'		=> 'Maximum image width',
-	'ACP_IMCGER_IMAGE_INLINE_MAXWIDTH_DESC'	=> 'Maximum width in pixels with which images are displayed in posts. If you enter 0, the size is not limited.',
+	'ACP_IMCGER_IMAGE_INLINE_DESC'		=> 'Image attachment can be inserted with the BBCode "[img]url[/img]" in the post editor using a button. The selection "Create thumbnail" must be activated.',
+	'ACP_IMCGER_IMG_MAX_THUMB_WIDTH'	  => 'Maximum width/height of thumbnails:',
+	'ACP_IMCGER_IMG_MAX_THUMB_WIDTH_DESC' => 'Maximum width/height in pixels with which images are displayed in the file attachment box. If 0 is entered, the size is not changed.',
 
 	// Image settings
 	'ACP_IMCGER_SETTINGS_IMAGE'			=> 'Image Settings',
diff --git a/imcger/imgupload/migrations/v121.php b/imcger/imgupload/migrations/v121.php
@@ -0,0 +1,34 @@
+<?php
+/**
+ *
+ * Image upload use ImageMagick
+ * An extension for the phpBB Forum Software package.
+ *
+ * @copyright (c) 2022, Thorsten Ahlers
+ * @license GNU General Public License, version 2 (GPL-2.0)
+ *
+ */
+
+namespace imcger\imgupload\migrations;
+
+class v121 extends \phpbb\db\migration\migration
+{
+	public function effectively_installed()
+	{
+		return version_compare($this->config['imcger_imgupload_version'], '1.2.1', '>=');
+	}
+
+	public static function depends_on()
+	{
+		return ['\imcger\imgupload\migrations\v100'];
+	}
+
+	public function update_data()
+	{
+		return [
+			['config.update', ['imcger_imgupload_version', '1.2.1']],
+			['config.remove', ['imcger_imgupload_image_inline_maxwidth', 0]],
+			['config.add', ['imcger_imgupload_img_max_thumb_width', $this->config['img_max_thumb_width']]],
+		];
+	}
+}
diff --git a/imcger/imgupload/styles/all/template/event/overall_footer_body_after.html b/imcger/imgupload/styles/all/template/event/overall_footer_body_after.html
@@ -112,11 +112,16 @@
 			// If image add thumbnail to the link
 			if (isImage) {
 				let getThumbnail = '&t=1';
-				link.html('<img src="' + imgUrl + getThumbnail + '" onerror="this.src=\'' + imgUrl + '\';" title="' + real_filename + '" alt="' + real_filename + '">');
+				{% if IUL_IMG_SET_INLINE %}
+				link.html('<img src="' + imgUrl + getThumbnail + '" onerror="this.src=\'' + imgUrl + '\'; $(\'[data-attach-id=' + attach_id + ']\').find(\'.button2.file-inline-bbcode\').hide();" title="' + real_filename + '; " alt="' + real_filename + '">');
+				{% else %}
+				link.html('<img src="' + imgUrl + getThumbnail + '" onerror="this.src=\'' + imgUrl + '\';" title="' + real_filename + '; " alt="' + real_filename + '">');
+				{% endif %}
 
 				if ({{ IUL_IMG_SET_INLINE }}) {
 					// Add button for img BBCode
-					$('[data-attach-id="' + attach_id + '"]').find('.attach-controls').prepend('<input type="button" value="{{ lang("IMAGE_PLACE_INLINE")|e("js") }}" class="button2 image-inline-bbcode">&nbsp;');
+					$('[data-attach-id="' + attach_id + '"]').find('.attach-controls').prepend('<input type="button" value="{{ lang("IUL_IMAGE_PLACE_INLINE")|e("js") }}" class="button2 image-inline-bbcode">&nbsp;');
+					$('[data-attach-id="' + attach_id + '"]').find('.button2.file-inline-bbcode').attr('value', '{{ lang("IUL_PLACE_INLINE")|e("js") }}');
 				}
 
 				if ({{ S_IMCGER_FANCYBOX_VERSION > 2 ? 1 : 0 }}) {
@@ -165,7 +170,8 @@
 
 				if ({{ IUL_IMG_SET_INLINE }}) {
 					// Add button for img BBCode
-					row.find('.attach-controls').prepend('<input type="button" value="{{ lang("IMAGE_PLACE_INLINE")|e("js") }}" class="button2 image-inline-bbcode">&nbsp;');
+					row.find('.attach-controls').prepend('<input type="button" value="{{ lang("IUL_IMAGE_PLACE_INLINE")|e("js") }}" class="button2 image-inline-bbcode">&nbsp;');
+					row.find('.button2.file-inline-bbcode').attr('value', '{{ lang("IUL_PLACE_INLINE")|e("js") }}');
 				}
 
 				if ({{ S_IMCGER_FANCYBOX_VERSION > 2 ? 1 : 0 }}) {
@@ -210,48 +216,27 @@
 })(jQuery); // Avoid conflicts with other libraries
 </script>
 {% endif %}
-
+{% if IUL_IMG_MAX_THUMB_WIDTH %}
 <script>
 /**
- *	Set maximum width for images in posts
+ * Image upload use ImageMagick
+ * If max Thumbnail width set, add link to ".attach-image"
  */
-const imcgerImgUpload = {
-	initialImage: function() {
-		// Return if no content is displayed
-		if (!document.getElementsByClassName("content").length) {
-			return;
-		}
+document.querySelectorAll(".attachbox .attach-image").forEach((attachment) => {
+	let image		= attachment.getElementsByTagName('img')[0],
+		imageUrl	= image.getAttribute('src'),
+		imageTitle	= attachment.parentElement.getElementsByTagName('dd')[0].innerHTML,
+		link		= document.createElement('a');
 
-		let postImageArray = document.querySelectorAll(".content img.postimage");
-
-		postImageArray.forEach((image) => {
-			this.setImageStyle(image);
-		});
-	},
-	setImageStyle: function(img) {
-		const maxImageWidth = '{{ IUL_IMG_MAXWIDTH }}';
-		let	  postbodyWidth = window.getComputedStyle(document.getElementsByClassName("content")[0]).width,
-			  maxWidth		= maxImageWidth == 'none' ? parseInt(postbodyWidth) : Math.min(parseInt(postbodyWidth), parseInt(maxImageWidth));
+	image.removeAttribute('onclick');
+	image.style.cursor = 'pointer';
+	link.setAttribute('href', imageUrl);
+	link.setAttribute('title', imageTitle);
 
-		if (parseInt(img.naturalWidth) > maxWidth) {
-			img.style.width	   = '100%';
-			img.style.maxWidth = maxImageWidth;
-		} else {
-			img.style.width    = 'auto';
-			img.style.maxWidth = 'none';
-		}
-	},
-}
+	attachment.appendChild(link);
+	link.appendChild(image);
 
-// Adjust the size of images when loaded
-let postImageArray = document.querySelectorAll(".content img.postimage");
-postImageArray.forEach((image) => {
-	image.addEventListener("load", () => {imcgerImgUpload.setImageStyle(image)}, {once: true,});
+	attachment.parentElement.getElementsByTagName('dd')[0].remove();
 });
-
-// When load the document, adjust the size of images
-document.addEventListener("DOMContentLoaded", () => {imcgerImgUpload.initialImage();});
-
-// When resize the window, adjust the size of images
-window.addEventListener("resize", () => {imcgerImgUpload.initialImage();});
 </script>
+{% endif %}
diff --git a/imcger/imgupload/styles/all/template/event/overall_header_stylesheets_after.html b/imcger/imgupload/styles/all/template/event/overall_header_stylesheets_after.html
@@ -1,12 +1,11 @@
+{% if IUL_IMG_MAX_THUMB_WIDTH %}
 <!--
  Image upload use ImageMagick
- Changes for plupload.css
 ----------------------------------- -->
-
 <style>
-	.postbody img.postimage {
-		width: 100%;
-		max-width: {{ IUL_IMG_MAXWIDTH }};
-		height: auto;
+	.attachbox img.postimage {
+		max-width: {{ IUL_IMG_MAX_THUMB_WIDTH }};
+		max-height: {{ IUL_IMG_MAX_THUMB_WIDTH }};
 	}
 </style>
+{% endif %}
