You are not logged in. Please login or register.
PunBB Forums → PunBB 1.2 modifications, plugins and integrations → Auto resize images
..ok, I've searched a while, but couldn't find anything working.
I have a fixed width of my forum and the postarea is about 660px wide. Now, if a image, larger than that, is posted with the image tag it is getting squeezed to the width of the postarea, but remains in the original height. Is it possible to have it "scaled" down to fit the width but aspect ratio? Clicking on that image would open it in original size with Lightbox?
Moved. That would certainly be a mod if it involves lightbox integration.
...well I have a Lightbox integration for the mod "Image_Upload", but what can I do with the images displaying with the image tag? I don't understand, why they are squeezed in the width.
they are squeezed in with because of there is no overflow controll in the css.
You can add it but still annoying too have too scroll too see the rest.
I just added a new image tag instead. ex: the image gets resized too x width and i added a text under saying "This image has been resized, click here to view the full-sized image."
I can post the code if you like
they are squeezed in with because of there is no overflow controll in the css.
You can add it but still annoying too have too scroll too see the rest.I just added a new image tag instead. ex: the image gets resized too x width and i added a text under saying "This image has been resized, click here to view the full-sized image."
I can post the code if you like
..yes, please 
parser.php:
Find:
'#\[img\]\s*(.*?)\s*\[/img\]#is',Add after:
'#\[imgrs\]\s*(.*?)\s*\[/imgrs\]#is',Find:
'[img]$1[/img]',Add after:
'[imgrs]$1[/imgrs]',Find (2 palces):
$text = preg_replace('#\[img\]((ht|f)tps?://)([^\s<"]*?)\[/img\]#e', 'handle_img_tag(\'$1$3\')', $text);Add after:
$text = preg_replace('#\[imgrs\]((ht|f)tps?://)([^\s<"]*?)\[/imgrs\]#e', 'handle_img_tag_res(\'$1$3\')', $text);Find:
return $img_tag;
}Add after:
function handle_img_tag_rs($url, $is_signature = false)
{
global $lang_common, $pun_config, $pun_user;
$img_tag = '<a href="'.$url.'" onclick="window.open(this.href); return false;"><'.$lang_common['Image link'].'></a>';
if ($is_signature && $pun_user['show_img_sig'] != '0')
$img_tag = '<img class="sigimage" src="'.$url.'" alt="'.htmlspecialchars($url).'" />';
else if (!$is_signature && $pun_user['show_img'] != '0')
$img_tag = '<img width="500" class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" /> <br> This image has been resized, click <a href="'.htmlspecialchars($url).'">here</a> to view the full-sized image.';
return $img_tag;
}Save and upload
Hope that was everything, long time since I added it
Now you have a new image tag called
[imgrs][/imgrs]...thank's, I will try that
..hmmm, doesn't work - maybe I have already too many mods in my parser.
I got this error:
Fatal error: Call to undefined function: handle_img_tag_res() in /kunden/994499865/forum/include/parser.php(810) : regexp code on line 1
hmm you did something wrong when adding:
function handle_img_tag_rs($url, $is_signature = false)
{
global $lang_common, $pun_config, $pun_user;
$img_tag = '<a href="'.$url.'" onclick="window.open(this.href); return false;"><'.$lang_common['Image link'].'></a>';
if ($is_signature && $pun_user['show_img_sig'] != '0')
$img_tag = '<img class="sigimage" src="'.$url.'" alt="'.htmlspecialchars($url).'" />';
else if (!$is_signature && $pun_user['show_img'] != '0')
$img_tag = '<img width="500" class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" /> <br> This image has been resized, click <a href="'.htmlspecialchars($url).'">here</a> to view the full-sized image.';
return $img_tag;
}try and remove it and add it at the bottom of the file.
no, doesn't work either
I got the same error, but for another line after this:
$text = preg_replace('#\[imgrs\]((ht|f)tps?://)([^\s<"]*?)\[/imgrs\]#e', 'handle_img_tag_res(\'$1$3\')', $text);
...but that line is empty!?
hmm strange...
ah, remove the
function handle_img_tag_rs($url, $is_signature = false)
{
blablablalbla
}from the bottom of the file.
I think you added it in the wrong place the first time.
Find:
return $img_tag;
}As you can see, add it after the } and NOT after return $img_tag;
....now I have the error for the line:
$text = preg_replace('#\[imgrs\]((ht|f)tps?://)([^\s<"]*?)\[/imgrs\]#e', 'handle_img_tag_res(\'$1$3\')', $text);
....very strange
Fatal error: Call to undefined function: handle_img_tag_res() blablabla ?
Yepp,
Fatal error: Call to undefined function: handle_img_tag_res() in /kunden/994499865/forum/include/parser.php(810) : regexp code on line 1
ah, typo on my part there 
find:
$text = preg_replace('#\[imgrs\]((ht|f)tps?://)([^\s<"]*?)\[/imgrs\]#e', 'handle_img_tag_res(\'$1$3\')', $text);
replace with:
$text = preg_replace('#\[imgrs\]((ht|f)tps?://)([^\s<"]*?)\[/imgrs\]#e', 'handle_img_tag_rs(\'$1$3\')', $text);
Sorry about that.
....that's it! Thank's Tjalve. Just one more question: Do you have an idea how to center that image tag?
....or maybe even use it with Lightbox
...what is the relevant code, that resize the image and how can I control the size of the image?
* ..sorry, found that "size-thing"
Find:
$img_tag = '<img width="500" class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" /> <br> This image has been resized, click <a href="'.htmlspecialchars($url).'">here</a> to view the full-sized image.';Replace with one of these:
centered:
$img_tag = '<center><img width="500" class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" /> <br> This image has been resized, click <a href="'.htmlspecialchars($url).'">here</a> to view the full-sized image.</center>';Lightbox:
$img_tag = '<a href="'.$url.'" rel="lightbox"><img width="500" class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" /></a> <br> This image has been resized, click <a href="'.htmlspecialchars($url).'">here</a> to view the full-sized image.';Lightbox and Centered:
$img_tag = '<center><a href="'.$url.'" rel="lightbox"><img width="500" class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" /></a> <br> This image has been resized, click <a href="'.htmlspecialchars($url).'">here</a> to view the full-sized image.</center>';You can change the width by changeing the "width="500"" too something else ofc.
This is great 
- you have to post this as an official Mod!
Is it also possible to have this also as the "normal" image tag (without "rs") and let's say have some variable to "tell" Lightbox if the original size of the image is bigger than 660px it will be clickable and opened with Lightbox?
you can with php but if you have alot of images the page is gonna be SLOW.
ist it gonna to be slow cause the size check "if or not" or cause it would be the standard image tag?
i made a lightbox gallery for punbb.. and im about to redo it with tickbox about 45% faster than light box...
Q
ohhh, just took me the whole day to make tha Lightbox-thing, and now I have to hear it is slow.....so thickbox is better and faster, what about greybox?
all the xxxboxes that is out..hahaha.....
look at my script see how things are done in there...
http://www.punres.org/viewtopic.php?pid=8387#p8387
that might help you..
Q
quaker, can you hop on aim/msn?
PunBB Forums → PunBB 1.2 modifications, plugins and integrations → Auto resize images
Powered by PunBB, supported by Informer Technologies, Inc.