Webtechnica.net

This is the same as the nCode Image Resizer plugin for vBulletin. This was originally written by http://www.ncode.nl/ and converted to SMF use by http://www.webtechnica.net/ with the author's permission. What this does is resizes the image in a post to a specified width if it is too wide. The user can then click on a bar above the image to see the full image in either the same window, a new window or inside the forum itself (the normal "enlarge" method). If you are using a custom theme, the only file you should have to worry about modifying yourself is your index.template.php. You will also need to upload the javascript into your theme's directory.

Get it here: http://custom.simplemachines.org/mods/index.php?mod=1197

Nice work!

Shweet, i got it on my forum! Although, its nearly impossible to read the words lol: http://www.clanshx.com/forums/index.php?topic=179.msg1669#msg1669

Open your index.template.php and find the ncode css. Change the background and border colors to match your forum better.

Figured as much, but just wanted to get your input in case i accidentally fucked stuff up lol. Thanx!

EDIT:
Hey m3tal, i just updated the mod to work better with my forum! Although instead of just changing the color i decided to do something a little more fancy and made it an image, check it out and lemme know what you think: http://www.clanshx.com/forums/index.php?topic=179.msg1669#msg1669

WOW! thats looks great!!!

Can you tell me how i can do that for my own site? I do mostly design and do not code much


Is it also possible when you click the bar.. that it just opens like a popup? I have a mod installed.. then the screen turns black and you see a nice popup with white borders..I like that better then opening it in a new window..

I use SMF version 1.1.5  thanks!

Well, that effect is called a "Lightbox" and it would probably take some serious modifications to allow it to work with the lightbox type features (lol dont ask cause i wouldnt know the first thing to do to go about changing that). And, yea its pretty easy: (as long as m3tal doesnt mind, just delete this next part if you do good sir!)

1. You can find the image attached to this post.
2. Put the image in your themes' image directory.
3. In the code that goes into the index.template.php, find this line:
4. Now replace it with this:

Feel free to mess with the image or even just make your own, just make sure you change the name from "imageresizeback.gif" in the code to whatever the name of the image is.

BTW, you can find out more about lightbox coolness (woohoo) at either http://www.lokeshdhakar.com/ which belongs to the original Author of the Lightbox or at the one i use on my website (http://www.shadowselite.com/) which i personally like better called "Lytebox" at http://www.dolem.com/lytebox/

Thank you very much for the detailed reply!

I will try to edit the background then But. Is it going to change more then just the box for.. click here for full image?

About the lightbox.. doesn't the mod i installed will do the work for me? Or is it that a lot of  coding has to be done..

Because if i click the image, it will open in full size in the lightbox and if i click the bar, it will open into the new window AND the lightbox.

Thanks!!

I may see about trying to get the lightbox stuff as an option with the mod, but I'm making no promises. JavaScript isn't my thing and this is lots of JS editing.

Well, what i explained will only change that one box with the "Click Here" description. And only the background, you will have to modify the other css stuff to change it more dramatically. And about your other question, i honestly dont know because i've never touched that mod lol. Plus i dont know SHIZZLE about Javascript or any real coding. Im just a beginner/amateur so what i've helped you with so far is about the max of my ability so far LOL But i do wish you luck! And if you have more questions about the CSS itself feel free to ask since i probably know more about CSS then anything else so far.

wow.. what an answheres..

Could it be a solution maybe that when the bar is clicked.. nothing happens.. that it only states: click on the picture to enlarge? That would be a solution..

And violat3r.. I hold you up on that.. sindce i know almost nothing of css

well.. no need for the code right now.. I had to uninstall the Lightbox.. since it isn't compatible with SMF Arcade..

o.....really now.....hmmm.....

This works great!