vb.org Archive
Page 5 of 6 « First 34 5 6
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.0 Full Releases (https://vborg.vbsupport.ru/forumdisplay.php?f=33)
-   -   Auto resize Huge images for [IMG] bbcode (https://vborg.vbsupport.ru/showthread.php?t=68677)

SVTBlackLight01 05-19-2005 02:07 PM
Quote:
Originally Posted by buro9
This one resizes on the client using JavaScript appended to each image tag, whereas the other one (the one you quoted) uses server fetch requests to get the image and check the size and adjusts the tag as applicable.

This hack will still load pages slowly for the client, but the layout will be fine. It will be fast for the server, slow for the browser.

That hack will still load pages slowly for the client, and the layout will be fine. But it will be slow for the server, fast for the browser.

May I make a suggestion about this hack though? Perhaps another method?

Instead of adding JavaScript to every IMG tag within every post, and firing that many onloads... why not just add javascript to your headinclude template that parses all images onload?

Example... Put this in your headinclude... and don't bother hacking any vBulletin files:
HTML Code:
<script type="text/javascript">
function resizeImages() {
  if (document.images) {
    var mw = 800;
    var mh = 800;
    for (var ii = 0; ii < document.images.length; ii++) {
      var i = document.images[ii];
      var iw = i.width;
      var ih = i.height;
      if (ih > iw && ih > mh) {
        i.style.height = mh + 'px';
      } else if (iw > mw) {
        i.style.width = mw + 'px';
      }
    }
  }
}
if (window.addEventListener) {
  window.addEventListener('load', resizeImages, false);
} else if (window.attachEvent) {
  window.attachEvent('onload', resizeImages);
} else {
  window.onload = resizeImages;
}
//-->
</script>
mw = maximum width in pixels.
mh = maximum height in pixels.

I've got mine set to 800 x 800, but you could put what you want in there.

Any img on the page will be resized to fit that area.

Of course, the end user still has to download them, but this resolves the problem with the script part going through to edits and quotes, and is also an easier install.

You don't have to use this version, but it's simpler methinks.
I tried this method, and it works great. :D A great example can be found on this page. Using the server-side resizing hack. This page would just lock up.

Also, I didn't want it to affect other parts of the site, so I used this conditional:
Code:
<if condition="THIS_SCRIPT == 'showthread'">
</if>
Thanks, buro9!

lefthome 05-21-2005 08:36 PM
Works great in 3.07 but I installed the headinclude...

mustang_lex 05-29-2005 10:26 PM
Quote:

function handle_bbcode_img_match($link)
{
global $vboptions;

$link = strip_smilies(str_replace('\\"', '"', $link));

// remove double spaces -- fixes issues with wordwrap
$link = str_replace(' ', '', $link);

if ($vboptions['legacypostbit'])
{
return '<a href=' . $link . ' target="_blank"><img src="' . $link . '" onload="if(this.width>screen.width-900)

{this.width=screen.width-900;this.alt=\'Full View\';}" onmouseover="if(this.alt) this.style.cursor=\'hand\';"

border="0"></a>';
}
else
{
return '<a href=' . $link . ' target="_blank"><img src="' . $link . '" onload="if(this.width>screen.width-400)

{this.width=screen.width-400;this.alt=\'Full View\';}" onmouseover="if(this.alt) this.style.cursor=\'hand\';"

border="0"></a>';
}
}
I had to make my figures much higher to work, but it does work. Is there a way to add text to the bottom of the pic if its too big saying "Picture has been resized, click for full size pic" . just so some will know its been resized?

Thank you and cool hack btw :squareeyed:

Allan 05-29-2005 11:47 PM
Thanks, click install ;)

mustang_lex 05-30-2005 12:43 AM
The only option I have is uninstall???

MrD 06-04-2005 10:12 AM
Hi,
Quote:
Originally Posted by buro9
This one resizes on the client using JavaScript appended to each image tag, whereas the other one (the one you quoted) uses server fetch requests to get the image and check the size and adjusts the tag as applicable.

This hack will still load pages slowly for the client, but the layout will be fine. It will be fast for the server, slow for the browser.

That hack will still load pages slowly for the client, and the layout will be fine. But it will be slow for the server, fast for the browser.

May I make a suggestion about this hack though? Perhaps another method?

Instead of adding JavaScript to every IMG tag within every post, and firing that many onloads... why not just add javascript to your headinclude template that parses all images onload?

Example... Put this in your headinclude... and don't bother hacking any vBulletin files:
HTML Code:
<script type="text/javascript">
function resizeImages() {
  if (document.images) {
    var mw = 800;
    var mh = 800;
    for (var ii = 0; ii < document.images.length; ii++) {
      var i = document.images[ii];
      var iw = i.width;
      var ih = i.height;
      if (ih > iw && ih > mh) {
        i.style.height = mh + 'px';
      } else if (iw > mw) {
        i.style.width = mw + 'px';
      }
    }
  }
}
if (window.addEventListener) {
  window.addEventListener('load', resizeImages, false);
} else if (window.attachEvent) {
  window.attachEvent('onload', resizeImages);
} else {
  window.onload = resizeImages;
}
//-->
</script>
mw = maximum width in pixels.
mh = maximum height in pixels.

I've got mine set to 800 x 800, but you could put what you want in there.

Any img on the page will be resized to fit that area.

Of course, the end user still has to download them, but this resolves the problem with the script part going through to edits and quotes, and is also an easier install.

You don't have to use this version, but it's simpler methinks.

i put it on my headinclude, but the script resized my logo too :(

buro9 06-06-2005 04:48 AM
Quote:
Originally Posted by MrD
Hi,



i put it on my headinclude, but the script resized my logo too :(
Well it's just JavaScript :)

Within the for () {} loop, just add an exclusion... figure out what identifies your logo and if that is matched, skip the resize.

LuBi 06-11-2005 05:22 AM
SVTBlackLight01

Which image rezie script did you use? I saw you linked to one in the OTHER thread and it reseized then onclick made a popup with original image. Did you modify this buro9's code further or switch to the other mod?

http://www.modernengineuity.com/foru...hread.php?t=31

buro9

would it be possible to have this code generate the resized image as a link trageted to _blank in a new window with the original image in full size?

i install buro9's scrip with SVTBlackLight01 conditional and it works fine, but i'd like the option to click the image for the original.

buro9 06-13-2005 07:22 AM
Quote:
Originally Posted by LuBi
buro9

would it be possible to have this code generate the resized image as a link trageted to _blank in a new window with the original image in full size?

i install buro9's scrip with SVTBlackLight01 conditional and it works fine, but i'd like the option to click the image for the original.
It would be possible to add that link, but it would have an undesired effect.

What would happen is that when someone quoted or edited a post that had a large image, the additional code that I would have added via JavaScript would dribble through to the editor window or be stripped... this is according to vBulletin's internal stuff that basically reduces to URL tags (no knowledge of target), etc.

What I think I'm going to aim for after 3.5 is released is something far more nefarious.

If an image is detected, I'll resize it on the screen, but I'll also fire off an AJAX request to a custom web service that will edit the post and convert the offending IMG tag to a URL tag ;) The image gets stripped and the link will appear instead.

Far more evil, far more effective... people WILL learn to reduce the image and attach if they want it to be visible ;)

SVTBlackLight01 06-14-2005 04:30 AM
Quote:
Originally Posted by LuBi
SVTBlackLight01

Which image rezie script did you use? I saw you linked to one in the OTHER thread and it reseized then onclick made a popup with original image. Did you modify this buro9's code further or switch to the other mod?

http://www.modernengineuity.com/foru...hread.php?t=31
In that thread, what is posted there now is just smaller pics linked to the full size pics (from the gallery). I'm not using the other hack any more. It was causing pages with lots of pictures to completely lock up.


All times are GMT. The time now is 03:30 AM.
Page 5 of 6 « First 34 5 6
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01296 seconds
  • Memory Usage 1,762KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (2)bbcode_html_printable
  • (6)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete