The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

resizing images didnt worked

View previous topic View next topic Go down

Solved resizing images didnt worked

Post by mallowag3124 on August 25th 2010, 10:59 am

help pls
Spoiler:
already done- saved!
but it didnt worked
Spoiler:
here
help pls
ASAP
well...
it did work on blogs
Spoiler:
help pls


Last edited by mallowag3124 on August 26th 2010, 6:07 am; edited 1 time in total

mallowag3124
Forumember

Posts : 79
Reputation : 0
Language : english

http://desucult.omgforum.net/

Back to top Go down

Solved Re: resizing images didnt worked

Post by MrMario on August 25th 2010, 3:04 pm

Forum version?

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Solved Re: resizing images didnt worked

Post by mallowag3124 on August 25th 2010, 3:07 pm

phpBB2
sur~

mallowag3124
Forumember

Posts : 79
Reputation : 0
Language : english

http://desucult.omgforum.net/

Back to top Go down

Solved Re: resizing images didnt worked

Post by MrMario on August 25th 2010, 3:11 pm

Need to add some codes in the templates.

Images resize

--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl
Spoiler:

Replace :
Code:
<span class="postbody">{MESSAGE}</span>
By :
Code:

<div class="postbody">{MESSAGE}</div>

--> viewtopic_body.tpl and viewcomments_body.tpl
Spoiler:

Replace :
Code:
                  <span class="postbody">
                     <!-- google_ad_section_start -->
                     {postrow.displayed.MESSAGE}
                     <!-- google_ad_section_end -->
                     {postrow.displayed.SIGNATURE}
                  </span>
By :
Code:
                  <div class="postbody">
                     <!-- google_ad_section_start -->
                     {postrow.displayed.MESSAGE}
                     <!-- google_ad_section_end -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                  </div>

--> privmsgs_topic_review.tpl
Spoiler:

Replace :
Code:
<span class="postbody">{postrow.MESSAGE}</span>
By :
Code:
<div class="postbody">{postrow.MESSAGE}</div>

--> posting_topic_review.tpl
Spoiler:

Replace :
Code:
<span class="postbody">{postrow.displayed.MESSAGE}</span>
By :
Code:
<div class="postbody">{postrow.displayed.MESSAGE}</div>

--> mod_news.tpl
Spoiler:

Replace all by :
Code:
<!-- BEGIN post_row --><!-- BEGIN saut -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td height="2px"></td>
   </tr>
</table><!-- END saut -->
<table class="forumline mod_news" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catLeft" height="25">
         <a name="news_{post_row.ID}"></a><span class="genmed">{post_row.TITLE}</span>
      </td>
   </tr>
   <tr>
      <td class="row2" height="24"><span class="gensmall"><img src="{ICON_TIME}" alt="" />{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span></td>
   </tr>
   <tr>
      <td class="row1">
         <span class="gensmall content" style="line-height:150%">
            {post_row.TEXT}


            {post_row.OPEN}
            <a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
            {post_row.CLOSE}
         </span>
      </td>
   </tr>
   <tr>
      <td class="row3" height="24"><span class="gensmall"><a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</span></td>
   </tr>
</table><!-- END post_row -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
   $('.mod_news .content img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
   $('.mod_news .content img')
      .each(function(){
         if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
            $(this)
               .before(document.createElement('div'))
               .prev()
               .click(function(){
                  return false;
               })
               .addClass('resizebox gensmall clearfix')
               .append(document.createElement('div'))
               .children()
               .addClass('resize_border clearfix')
               .append(document.createElement('div'))
               .children()
               .addClass('resize_content clearfix')
               .append(document.createElement('a'))
               .children()
               .addClass('enlarge')
               .attr('href', '#')
               .text('{switch_image_resize.L_IMAGE_ENLARGE}')
               .focus(function(){
                  $(this).blur();
               })
               .click(function(){
                  $(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width('');
                  $(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? $('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left : '').css('display','inline');
                  $(this).css('display','none').next('a.resize').css('display','inline-block');
                  $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
                  return false;
               })
               .parent()
               .append(document.createElement('a'))
               .children()
               .next()
               .addClass('resize')
               .attr('href','#')
               .text('{switch_image_resize.L_CLICK_TO_RESIZE}')
               .click(function(){
                  $(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth');
                  $(this).css('display','none').prev('a.enlarge').css('display','inline-block');
                  $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
                  return false;
               })
               .parent()
               .append(document.createElement('div'))
               .children('a.resize')
               .next()
               .addClass('resize_filler')
               .text(' ')
               .parent()
               .append(document.createElement('a'))
               .children('div.resize_filler')
               .next()
               .addClass('fullsize')
               .attr('href','#')
               .click(function(){
                  window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src')));
                  return false;
               })
               .attr('target', '_blank')
               .text('{switch_image_resize.L_CLICK_TO_SEE_FULLSIZE}');
            if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){
               $(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block');
            }
            $(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) )
                  ? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width()
                  : {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) )
               .css('display','inline')
               .prev().width($(this).width());
         }
      })
      .css('display','inline');
});
//]]>
</script>
<!-- END switch_image_resize -->

--> viewtopic_body.tpl and posting_body.tpl and privmsgs_read_body.tpl and viewcomments_body.tpl
Spoiler:

Add to the end of the file :
Code:
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
   $('.postbody img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
   $('.postbody img')
      .not('div.signature_div img')
      .each(function(){
         if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
            $(this)
               .before(document.createElement('div'))
               .prev()
               .click(function(){
                  return false;
               })
               .addClass('resizebox gensmall clearfix')
               .append(document.createElement('div'))
               .children()
               .addClass('resize_border clearfix')
               .append(document.createElement('div'))
               .children()
               .addClass('resize_content clearfix')
               .append(document.createElement('a'))
               .children()
               .addClass('enlarge')
               .attr('href', '#')
               .text('{switch_image_resize.L_IMAGE_ENLARGE}')
               .focus(function(){
                  $(this).blur();
               })
               .click(function(){
                  $(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width('');
                  $(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? $('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left : '').css('display','inline');

                  $(this).css('display','none').next('a.resize').css('display','inline-block');
                  $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
                  return false;
               })
               .parent()
               .append(document.createElement('a'))
               .children()
               .next()
               .addClass('resize')
               .attr('href','#')
               .text('{switch_image_resize.L_CLICK_TO_RESIZE}')
               .click(function(){
                  $(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth');
                  $(this).css('display','none').prev('a.enlarge').css('display','inline-block');
                  $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
                  return false;
               })
               .parent()
               .append(document.createElement('div'))
               .children('a.resize')
               .next()
               .addClass('resize_filler')
               .text(' ')
               .parent()
               .append(document.createElement('a'))
               .children('div.resize_filler')
               .next()
               .addClass('fullsize')
               .attr('href','#')
               .click(function(){
                  window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src')));
                  return false;
               })
               .attr('target', '_blank')
               .text('{switch_image_resize.L_CLICK_TO_SEE_FULLSIZE}');
            if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){
               $(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block');
            }
            $(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) )
                  ? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width()
                  : {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) )
               .css('display','inline')
               .prev().width($(this).width());
         }
      })
      .css('display','inline');
});
//]]>
</script>
<!-- END switch_image_resize -->

--> topics_blog_box.tpl
Spoiler:

Add to the end of the file
Code:
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
   $('.blog_message img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
   $('.blog_message img')
      .each(function(){
         if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
            $(this)
               .before(document.createElement('div'))
               .prev()
               .click(function(){
                  return false;
               })
               .addClass('resizebox gensmall clearfix')
               .append(document.createElement('div'))
               .children()
               .addClass('resize_border clearfix')
               .append(document.createElement('div'))
               .children()
               .addClass('resize_content clearfix')
               .append(document.createElement('a'))
               .children()
               .addClass('enlarge')
               .attr('href', '#')
               .text('{switch_image_resize.L_IMAGE_ENLARGE}')
               .focus(function(){
                  $(this).blur();
               })
               .click(function(){
                  $(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width('');
                  $(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) : '').css('display','inline');
                  
                  $(this).css('display','none').next('a.resize').css('display','inline-block');
                  $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
                  return false;
               })
               .parent()
               .append(document.createElement('a'))
               .children()
               .next()
               .addClass('resize')
               .attr('href','#')
               .text('{switch_image_resize.L_CLICK_TO_RESIZE}')
               .click(function(){
                  $(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth');
                  $(this).css('display','none').prev('a.enlarge').css('display','inline-block');
                  $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
                  return false;
               })
               .parent()
               .append(document.createElement('div'))
               .children('a.resize')
               .next()
               .addClass('resize_filler')
               .text(' ')
               .parent()
               .append(document.createElement('a'))
               .children('div.resize_filler')
               .next()
               .addClass('fullsize')
               .attr('href','#')
               .click(function(){
                  window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src')));
                  return false;
               })
               .attr('target', '_blank')
               .text('{switch_image_resize.L_CLICK_TO_SEE_FULLSIZE}');
            if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){
               $(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block');
            }
            $(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) )
                  ? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width()
                  : {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) )
               .css('display','inline')
               .prev().width($(this).width());
         }
      })
      .css('display','inline');
});
//]]>
</script>
<!-- END switch_image_resize -->

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Solved Re: resizing images didnt worked

Post by mallowag3124 on August 26th 2010, 3:00 am

....posting_body.tpl Add to the end of the file :.....
somethings wrong...
i cant add it...
Spoiler:
Code:
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
  $('.blog_message img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
  $('.blog_message img')
      .each(function(){
        if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
            $(this)
              .before(document.createElement('div'))
              .prev()
              .click(function(){
                  return false;
              })
              .addClass('resizebox gensmall clearfix')
              .append(document.createElement('div'))
              .children()
              .addClass('resize_border clearfix')
              .append(document.createElement('div
they are the only thing thats pasted
but i have this...
Spoiler:
Code:
<!-- BEGIN switch_image_resize -->
    resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->

amf...
some templates you gave exist in my templates...
but theyre different men they dont have the same locations


Last edited by mallowag3124 on August 26th 2010, 3:14 am; edited 1 time in total

mallowag3124
Forumember

Posts : 79
Reputation : 0
Language : english

http://desucult.omgforum.net/

Back to top Go down

Solved Re: resizing images didnt worked

Post by MrMario on August 26th 2010, 3:14 am

Why can't you add it?

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Solved Re: resizing images didnt worked

Post by mallowag3124 on August 26th 2010, 3:15 am

i dont know...
its stuck on append
maybe its full?
heres my forum.... desucult.omgforum.net/
try 2 look at it...
maybe you could tell the problem from that

mallowag3124
Forumember

Posts : 79
Reputation : 0
Language : english

http://desucult.omgforum.net/

Back to top Go down

Solved Re: resizing images didnt worked

Post by MrMario on August 26th 2010, 3:18 am

You put the codes and clicked saved and then published them?

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Solved Re: resizing images didnt worked

Post by mallowag3124 on August 26th 2010, 3:35 am

yes ill show you the screen shot
Spoiler:
i dont even know what are those things...
men... it worked fine just the other day...
heres another screen shot of the problem dude
Spoiler:
it worked on blogs Mad
but on forums

need help ASAP PLS!
anyone?
oh w8
it appears that in 'preview' it worked too...
so the only problem is the forum




sori everyone!
i fixed it...
juz messed my templates
jus lock this thread...
^^
hehehhe

mallowag3124
Forumember

Posts : 79
Reputation : 0
Language : english

http://desucult.omgforum.net/

Back to top Go down

Solved Re: resizing images didnt worked

Post by Sanket on August 26th 2010, 9:55 pm

Since this thread is marked solved, I will lock this thread.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum