The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Enlarged Images

3 posters

Go down

Solved Enlarged Images

Post by Guest December 14th 2018, 4:45 pm

Hi..

I am having problems with pictures that are posted..I am getting "enlarged images" above the pictures..and I don't like or want that..I have tried resizing them and am still get that above the pictures..I even have gone in and changed the image size in administration in a couple of places and I am not even sure if those were the right places and if there was any more places to change the size.. but still am getting that "enlarged images" above the pictures how can I get that off of there..

I need the pictures no bigger than 800x800..now I did go in and made the sizes 1000x1000 but and with the pictures being 800x800 still didn't work..

Here is my site address Broomhilda's Sims2 and here is a picture of what I am talking about.. HERE

Thank you for your help in advnace


Last edited by Broomhilda on December 15th 2018, 4:55 am; edited 1 time in total
avatar
Guest
Guest


Back to top Go down

Solved Re: Enlarged Images

Post by SLGray December 14th 2018, 8:02 pm

Are you using Ange Tueur's theme?


Enlarged Images Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Enlarged Images

Post by ArmorKiller December 14th 2018, 8:41 pm

Hi, i got the same problem before now i solve it.

To remove that, you should to [edge fa] all.js , remove the image resizer
ArmorKiller
ArmorKiller
Forumember

Posts : 39
Reputation : 1
Language : Indonesia

View user profile http://rfps-community.forumotion.com

Back to top Go down

Solved Re: Enlarged Images

Post by Guest December 14th 2018, 9:06 pm

yes SLGray I am..
ArmorKiller I have no idea how to do that..
avatar
Guest
Guest


Back to top Go down

Solved Re: Enlarged Images

Post by ArmorKiller December 15th 2018, 3:54 am

give this a try :

admin panel> modules> javascript management> [FA EDGE] ALL.JS > modify.

Delete : ** 06. image resizer

Find and delete :

Code:
/* -- 06. image resizer -- */
(function() {
  window.fa_img_resizer = {
    max_width : 400, // maximum image width (400px)
    max_height : 250, // maximum image height (250px)

    selector : '.postbody .content img, .mod_news img, .message-text img', // where images should be resized

    options : {
            bar : true, // resized image options bar
        toggler : true, // Enlarge / Reduce Image
      full_size : true, // Show full size
      download : false, // Download image link
      lightbox : true // lightbox effect
    },

    // texts
    lang : {
      full_size : '<i class="fa fa-external-link"></i> Show full size',
        enlarge : '<i class="fa fa-search-plus"></i> Enlarge image',
        reduce : '<i class="fa fa-search-minus"></i> Reduce image',
      download : '<i class="fa fa-download"></i> Download image',
      tooltip : 'Click to view full image'
    },

    // resize all images inside the "resizeIn" elements
    resize : function() {
      for (var a = $(fa_img_resizer.selector), i = 0, j = a.length; i < j; i++) {
        if (!a[i].alt && (a[i].naturalWidth > fa_img_resizer.max_width || a[i].naturalHeight > fa_img_resizer.max_height)) {
          a[i].className += ' fa_img_reduced';

          // make the image a "link" if it's not wrapper with one
          if (fa_img_resizer.options.lightbox && a[i].parentNode.tagName != 'A') {
            a[i].style.cursor = 'pointer';
            a[i].title = fa_img_resizer.lang.tooltip;

            a[i].onclick = function() {
              fa_img_resizer.lightbox(this);
            };
          }

          // create the resize bar
          if (fa_img_resizer.options.bar) {
            (a[i].parentNode.tagName == 'A' ? a[i].parentNode : a[i]).insertAdjacentHTML('beforebegin',
              '<div class="fa_img_resizer" style="width:' + (a[i].width - 8) + 'px;">'+
                (fa_img_resizer.options.toggler ? '<a class="fa_img_enlarge" href="#" onclick="fa_img_resizer.toggle(this); return false;">' + fa_img_resizer.lang.enlarge + '</a>' : '')+
                (fa_img_resizer.options.full_size ? '<a class="fa_img_full" href="/viewimage.forum?u=' + a[i].src + '" target="_blank">' + fa_img_resizer.lang.full_size + '</a>' : '')+
                (fa_img_resizer.options.download && !/Firefox/.test(navigator.userAgent) && 'download' in document.createElement('A') ? '<a class="fa_img_download" href="' + a[i].src + '" target="_blank" download>' + fa_img_resizer.lang.download + '</a>' : '' )+
              '</div>'
            );
          }
        }
      }
    },

    // toggle between enlarged and reduced image sizes
    toggle : function(that) {
      var img = that.parentNode.nextSibling;

      if (img.tagName == 'A') {
        img = img.getElementsByTagName('IMG')[0];
      }

      if (/fa_img_reduced/.test(img.className)) {
        that.innerHTML = fa_img_resizer.lang.reduce;
        that.className = 'fa_img_reduce';
        img.className = img.className.replace(/fa_img_reduced/, 'fa_img_enlarged');
      } else {
        that.innerHTML = fa_img_resizer.lang.enlarge;
        that.className = 'fa_img_enlarge';
        img.className = img.className.replace(/fa_img_enlarged/, 'fa_img_reduced');
      }

      that.parentNode.style.width = img.width - 8 + 'px';
    },

    // lightbox effect
    lightbox : function(that) {
      var frag = document.createDocumentFragment(),
          overlay = $('<div id="fa_img_lb_overlay" />')[0],
          img = $('<img id="fa_img_lb_image" src="' + that.src + '" />')[0];

      overlay.onclick = fa_img_resizer.kill_lightbox;
      img.onclick = fa_img_resizer.kill_lightbox;

      frag.appendChild(overlay);
      frag.appendChild(img);
      document.body.appendChild(frag);
      document.body.style.overflow = 'hidden';

      img.style.marginTop = '-' + (img.height / 2) + 'px';
      img.style.marginLeft = '-' + (img.width / 2) + 'px';
    },

    // kill the lightbox
    kill_lightbox : function() {
      var overlay = document.getElementById('fa_img_lb_overlay'),
          img = document.getElementById('fa_img_lb_image');

      overlay && document.body.removeChild(overlay);
      img && document.body.removeChild(img);
      document.body.style.overflow = '';
    }
  };

  // write styles into the document head
  document.write(
    '<style type="text/css">'+
      fa_img_resizer.selector + ', .fa_img_reduced { max-width:' + fa_img_resizer.max_width + 'px; max-height:' + fa_img_resizer.max_height + 'px; }'+
      '.fa_img_enlarged { max-width:100% !important; max-height:100% !important; }'+
      '.fa_img_resizer { font-size:12px; text-align:left; padding:3px; margin:3px 0; background:#FFF; border:1px solid #CCC; }'+
      '.fa_img_resizer a { display:inline-block; margin:0 3px; }'+
      '.fa_img_resizer i { font-size:14px; vertical-align:middle; }'+
      '#fa_img_lb_overlay { background:rgba(0, 0, 0, 0.7); position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999; cursor:pointer; }'+
      '#fa_img_lb_image { max-height:100%; max-width:100%; position:fixed; left:50%; top:50%; z-index:9999999; cursor:pointer; }'+
    '</style>'
  );

  // begin modifying images when the page is loaded
  $(window).load(fa_img_resizer.resize);

  // kill forumactif's image resizer
  if (window.resize_images) {
    window.resize_images = function() {
      return false;
    };
  }
}());


dont forget to backup if you sometimes need the resizer back. Very Happy
ArmorKiller
ArmorKiller
Forumember

Posts : 39
Reputation : 1
Language : Indonesia

View user profile http://rfps-community.forumotion.com

Back to top Go down

Solved Re: Enlarged Images

Post by Guest December 15th 2018, 4:01 am

I do need the resizer because I just want pictures 800x800 or less..so if I take that out then pictures could be out of control on the size..
and on top of that I have no idea how to back up my site..I'm a computer idiot..even a 2 year old can do things that I would have no idea how to do hehe..

Thank you for trying to help me out ArmorKiller
avatar
Guest
Guest


Back to top Go down

Solved Re: Enlarged Images

Post by SLGray December 15th 2018, 4:02 am

Ok, then edit the code (max width and height).


Enlarged Images Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Enlarged Images

Post by Guest December 15th 2018, 4:10 am

Ok I am just finding the image resizer but there is nothing with that like what ArmorKiller is showing in his post..and I am not seeing anything around there like that..all of that coding is just blurring together..I have no idea what to look for..
avatar
Guest
Guest


Back to top Go down

Solved Re: Enlarged Images

Post by ArmorKiller December 15th 2018, 4:15 am

well you can using the forumotion resizer after deleting that javascript code :

admin panel> general> message & email > configuration > image resizer

add css :

Code:
 .resizebox {
display: none; !important
}

 .resizebox a.enlarge{
display:none; !important
}

at least thats what i did for my forum.

here's the result : http://rfps-community.forumotion.com/t442-garena-aov-vietnam-kedatangan-skin-baru-graffiti-wisp
ArmorKiller
ArmorKiller
Forumember

Posts : 39
Reputation : 1
Language : Indonesia

View user profile http://rfps-community.forumotion.com

Back to top Go down

Solved Re: Enlarged Images

Post by Guest December 15th 2018, 4:22 am

I haven't deleted anything yet..
This is what I have in that section you were talking about in the first post of yours

Ok I was going to copy and paste everything I had there and then I found that section on resizing..it's on line 655, 656, 657..
avatar
Guest
Guest


Back to top Go down

Solved Re: Enlarged Images

Post by ArmorKiller December 15th 2018, 4:24 am

check your PM i already re explain the things
ArmorKiller
ArmorKiller
Forumember

Posts : 39
Reputation : 1
Language : Indonesia

View user profile http://rfps-community.forumotion.com

Back to top Go down

Solved Re: Enlarged Images

Post by SLGray December 15th 2018, 4:49 am

Support needs to be done here, not through PM's.


Enlarged Images Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Enlarged Images

Post by Guest December 15th 2018, 4:54 am

Sorry a lot of coding going back and forth..didn't think that was a problem and this is now solved..

Thank you so much ArmorKiller for all your help..
avatar
Guest
Guest


Back to top Go down

Solved Re: Enlarged Images

Post by skouliki December 15th 2018, 9:32 am

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 12676
Reputation : 1544
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

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