Mod 'improvement' ; Auto Resizing Images

Snitz™ Forums 2000
https://forum.snitz.com/forumTopic/Posts/59364?pagenum=1
05 November 2025, 08:46

Topic

MarcelG
Mod 'improvement' ; Auto Resizing Images
09 September 2005, 15:59


I was requested to assist Riccardo80 with the installation of the Auto Resize Images mod from WorkMule at SnitzBitz. It seems that Work Mules instructions aren't very clear to most people. I've tried to create an easier implementation method, with some clearer instructions, and it seems to be working ok. So, that's why I decided to at least share it here. You can download the entire mod with instructions here.
As we had a discussion about improvement of mod quality, perhaps this one is one to replace at SnitzBitz ? Just a thought. shy<

 

Replies ...

Riccardo
24 September 2005, 11:48


Yes. He is right...i've implemented correctly and rapidly his instructions..good work!<
goorootech
25 September 2005, 18:27


It IS nice and easy, thanks WorkMule and MarcelG for the effort in a fine mod addon - and soo much better rather than having a wide picture destroy your forum smile
A quick observation; you should be able to click on the 'large' popped up picture in order to close it rather than clicking the [x] close button... I'll see if I can change the code and post here when I have some time today or sometime this week.
Jason<
Bassman
26 September 2005, 05:48


Very nice work WorkMule and Marcel, thanks.<
MarcelG
27 September 2005, 05:42


Added a new feature for this mod, to enable auto-resizing images on the profile page. Check it out here: http://www.oxle.com/topic.asp?TOPIC_ID=3153 (use demo/demo if you do not wish to register)<
eauxvives
03 November 2005, 15:35


Hi, nice work
there is a very smal mistake in instructions.htm
it says "Find the function ReplaceImgTags"
while I guess it should be "Find the function ReplaceImageTags"<
ruirib
13 November 2005, 20:55


These instructions are a huge improvement over what existed before. Well done Marcel and thx.<
MarcelG
14 November 2005, 02:49


eauxvives, thanks for that ! I've updated the zip file. Rui ; you're welcome.<
MarcelG
13 January 2006, 16:54


Here's another addition. To show a red dashed border arounnd all resized images, add this line to resizeimgs.js.
Code:
thisimage.style.border = '1px dashed #FF0000'
It needs to be added above this line:
Code:
thisimage.title='Click the image to enlarge';
Demo: http://oxle.com/topic.asp?tid=3484 - some images have the red border around them...others don't. bigsmile Now I just need to add a small line below the image if it's resized, saying 'this image is resized, as it is too wide to show on the forum'. But, hey, the weekend is long! bigsmile<
tribaliztic
16 January 2006, 05:26


"some images have the red border around them...others don't."
is there a bug or is it supposed to be that way? =)
<
MarcelG
16 January 2006, 07:01


Only the resized images should have a border around them, indicating that they're not displayed at their full size. So, no, it's not a bug, it's a feature.<
tribaliztic
16 January 2006, 07:12


Ah, now I understand what you wrote =)
I thought only some of the resized images had a border around them... <
dayve
30 January 2006, 21:53


Originally posted by serritzlev
Hi there try to looks to this links here http://forums.dpreview.com/forums/read.asp?forum=1010&message=16777350 or click to the images after resize try to clik on the resize images,, i have think that fetures can do the resize images much bether.
Enjoy it
I'd disagree. I don't think people want to scroll to view images.<
SiSL
31 May 2006, 22:22


How about doing very same method like serritzley posted until picture loaded THEN zooming out on resized?
Like by adding this mod improvement but also adding:

Code:
<div style=""overflow: auto; width: 500"">

etc. in IMG tags.<
i011877
10 August 2006, 16:51


Wow! This one worked like magic. Example: http://www.myforum.dk/topic.asp?TOPIC_ID=2526

Any progress on having the popup image close by clicking the image?<
leatherlips
11 January 2007, 19:11


Anyone know what happened to this mod? The links do not seem to work any longer. sad
Nevermind. It seems to have been my browser was having issues.<
leatherlips
11 January 2007, 20:08


This mod worked great! Very easy and very nice to have!<
leatherlips
11 January 2007, 20:22


I just checked to see how it looked in FireFox.
It resizes the image, however, the screen still widens to the original picture size. Is there a fix for this or have I done something wrong?<
MarcelG
12 January 2007, 03:50


Originally posted by leatherlips
I just checked to see how it looked in FireFox.
It resizes the image, however, the screen still widens to the original picture size. Is there a fix for this or have I done something wrong?
Well, I'm having similar experiences with FireFox ; FireFox only resizes the image, and doesn't resize the surrounding tables. I think it's simply by design of FireFox.<
Rob Alan
03 February 2007, 22:06


This issue in Firefox is absolutely killing me. I've looked around for a solution and cant seem to find one.
Can anyone help?<
MarkJH
04 February 2007, 09:32


It's funny. I don't get any problems with the tables, they resize just fine. The problem that I get is when you click on the resized image, it doesn't appear next to the cursor, it appears at the very bottom of the page! Stoopid Firefox.<
bobby131313
27 December 2007, 01:54


This issue in Firefox is absolutely killing me. I've looked around for a solution and cant seem to find one.

Anybody figgered this out yet? tongue<
balexandre
27 December 2007, 07:06


Originally posted by i011877
Wow! This one worked like magic. Example: http://www.myforum.dk/topic.asp?TOPIC_ID=2526

Any progress on having the popup image close by clicking the image?

Hey i011877, I know this is nothing to do with this topic, but shouldn't you have a link to SNITZ Forum on the your Forum? Cause, that's all they ask when you use such nice and free forum! You dont even have the HEAD text ... ! Cam'on mate, stop beeing like that and help this guys! <
AnonJr
27 December 2007, 07:31


Uh, if you're referring to the www.myforum.dk link - he does. Its not very legible against that background, but its there.<
balexandre
27 December 2007, 10:37


You right AnonJr. it's black font agains a really dark Background and I forgot to "Select All" to see everything properly, still, it's a good procedure to "paste" the Snitz info in the HTML Head ...
smile<
Maxime
27 December 2007, 13:34


I have just two problems when I met with french resizeimgs.js in the file, in the rows. When I did this not the same as for the 1st line.
thisimage.title='Click the image to enlarge';

crossobj.innerHTML= (alignRE.test(alignClose))? '<div class=tvhead align=left id=drag> <span class=tvclosex onClick=closepreview() style=cursor:pointer> X </span> <span class=tvclose onClick=closepreview()>Close</span> </div><img src="'+which.src+'">' : '<div class=tvhead align=right id=drag> <span class=tvclose onClick=closepreview()>Close</span> <span class=tvclosex onClick=closepreview() style=cursor:pointer> X </span> </div><img src="'+which.src+'">';<
NiteOwl
27 December 2007, 16:14


Question : Does this mod resize any image being displayed on the forum that is oversize, for example an image linked from outside the forum URL or is it just for images that are hosted and perhaps uploaded to the forum? <
Maxime
27 December 2007, 16:26


For all images whatever their place and that his orders placed by the picture here an image linked from outside the forum URL <
NiteOwl
27 December 2007, 18:20


sorry, what was that? All images even those from another url?<
NiteOwl
27 December 2007, 22:02


AHH, now I see what I may have done wrong when I edited my inc_header.asp, the instructions tell me to change the second instance of the following code, yet I have added a MOD which I believe changed that code, the mod look like it was the header mod, anyway could someone help on how I incorporate the code.
Find the 2nd instance of this exact code: (line 276 in basecode 3.4.05):
Code:

"<body" & strTmpPageBGImageURL &
Replace that exact piece of code with this:
"<body onload=walkImages() " & strTmpPageBGImageURL &

This is the actual place I believe I need to edit:
        "<body bgColor=""" & strPageBGColor & """ text=""" & strDefaultFontColor & """ link=""" & strLinkColor & """ aLink=""" & strActiveLinkColor & """ vLink=""" & strVisitedLinkColor & """>" & vbNewLine

Updated!!
OK, I answered my question, through a bit of trial and error:

Here is the working line
        "<body onload=walkImages() " & strTmpPageBGImageURL & """ bgColor=""" & strPageBGColor & """ text=""" & strDefaultFontColor & """ link=""" & strLinkColor & """ aLink=""" & strActiveLinkColor & """ vLink=""" & strVisitedLinkColor & """>" & vbNewLine

<
bobby131313
27 December 2007, 22:03


Yes, resizes all images regardless of physical location. The FF bug is the only the as yet unresolved that I know of.
Try this page with FF and IE and you'll see the issue with the tables in FF.<
balexandre
10 January 2008, 18:27


balexandre
10 January 2008, 18:35


it's easy to implement Lightbox 2 on this but it will take the forum a little slower cause it needs to load the scriptaculous effects, prototype and the lightbox javascripts first ... but it get a much better visibility

if you guys want, I can build the MOD to use lightbox 2

see more information on Lightbox 2<
MarcelG
11 January 2008, 05:53


balexandre, that would be great! smile It's indeed a bit slower, but man, it's sleek!! bigsmile<
muzishun
11 January 2008, 09:23


I had thought about doing the same thing, balexandre. However, you may have more time in the near future than me, as I'm working on several other MODs, so go for it!<
campinmom03
20 April 2008, 13:16


Does anyone know what db's this mod has been tested on?<
MarcelG
21 April 2008, 06:03


Ehm...I don't think it's db dependent....there's no db calls in any of the functions.<
campinmom03
30 April 2008, 14:41


Originally posted by MarcelG:
Ehm...I don't think it's db dependent....there's no db calls in any of the functions.

Ehm... I didn't realize that and just wanted to be sure to ask first.

Anyway, I found time to install this today. I didn't really need the added feature for the pop profile, but I did use the feature with the dashed border. Great job on the instructions - it installed nicely on a current version of snitz! Thank you. smile<
MarcelG
01 May 2008, 15:54


You're welcome, and I'm glad to see it still works. bigsmile<
radiodelicate
10 July 2008, 14:23


Originally posted by balexandre
it's easy to implement Lightbox 2 on this but it will take the forum a little slower cause it needs to load the scriptaculous effects, prototype and the lightbox javascripts first ... but it get a much better visibility

if you guys want, I can build the MOD to use lightbox 2

see more information on Lightbox 2
have you done any progress on that? I'd love a mod like it!<
leatherlips
17 August 2009, 09:12


Today I noticed something about this mod. If the image is placed in the spoiler tag, the image does not resize. Any idea how to fix that?
Edit: It actually does work with the Snitz default spoiler tag. I forgot that I added a new spoiler tag a few years ago. The image resize does not work in my new spoiler tag. Here is the code for my spoiler tag. How can I get the image to resize in it?
Code:
fString = doCode(fString, "Reveal hidden content", "", "<div style=""margin:1em auto; width: 100%;"">" & vbNewline & "  <div><b> Spoiler: </b><input type=""button"" value=""Show"" style=""width:45px;font-size:10px;margin:0px;padding:0px;"" onclick=""if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"" /></div>" & vbNewline & "  <div style=""margin: 5px; padding: 5px; border: 1px solid; border-color: #333399;"">" & vbNewline & "      <div style=""display: none;"">" & vbNewline, "     </div>" & vbNewline & " </div>" & vbNewline & "</div>" & vbNewline)
© 2000-2021 Snitz™ Communications