Images don't resize normally

[TheCrow]

Hello,

For some reason the images stopped all of a sudden to work. All images are not resized and stay to their normal sizes. Any ideas how can i fix this issue?

Luffy

[_Twisted_Mods_]

have you added any css or script if so can you provide it

[TheCrow]

Hey,

The weird thing is that i haven't touched the Admin Panel the last 2 days and today i compressed the CSS and haven't added anything but this started.
Unfortunately i didn't backup the CSS so i don't have a backup
Is there a way to fix this?

[_Twisted_Mods_]

goto acp and click save on your css and see if it shows any errors at the top something as simple as one extra } at the top of your css will make every css under it not work so


also is it just one area or your whole forum .. and do you have the default css turned on? the option is under your css

[TheCrow]

Thanks for you reply,

I've checked the CSS, none mistakes. Also to be specific this showed up in a post i just posted but i don't know why it happened now. Other posts are normally. How can we do this to all posts no matter what?

[_Twisted_Mods_]

whats your forum version?

[TheCrow]

All the details on my profile are correct.
My forum Version is phpBB3

[_Twisted_Mods_]

then this should work.. makes it so no images in a post go over 300px width and the height is auto based on width so it stays proportional

Code:

.postbody .content img{max-width:300px}

[TheCrow]

Τhis resizes them but it doesn't show the enlrage/reduce/view full window links.

[_Twisted_Mods_]

ohh ok i understand what ur looking for now.. i think thier is a option in acp but im a lil unsure .. someone with more knowledge on this will have to assist you

[Ange Tuteur]

Hey @Luffy,

Firstly I noticed an error thrown for users who are logged out. It comes from this script :

Code:

function changeToolbar(word, replacement) {
  for (var name in word) {
    document.getElementById('fa_notifications').innerHTML = document.getElementById('fa_notifications').innerHTML.replace(RegExp(name, 'g'), word[name])
  }
}
$(window).load(function () {
  changeToolbar({
    'Notifications': 'Ειδοποιήσεις'
  })
});

When logged out fa_notifications is null, so this throws an error for guests which in turn could cause other scripts to not work for them. Replace it to :

Code:

function changeToolbar(word, replacement) {
  for (var name in word) {
    document.getElementById('fa_notifications').innerHTML = document.getElementById('fa_notifications').innerHTML.replace(RegExp(name, 'g'), word[name])
  }
}
$(window).load(function () {
  if (_userdata.session_logged_in == 0) return;
  changeToolbar({
    'Notifications': 'Ειδοποιήσεις'
  })
});

Now regarding the image resize module found in the AP. If you're using this script :

Code:

$(function () {
  $(function () {
    if (!document.getElementById('text_editor_textarea')) return;
    $('.sceditor-group:last').after('<div id="st-boutons" class="sceditor-group"></div>');
    userTag(1, 'Luffy', 'https://cdn1.iconfinder.com/data/icons/glaze/16x16/mimetypes/source_p.png', '<div class="Luffy">', '</div>');
    function userTag(id, tagname, image, htmlStart, htmlEnd) {
      var breg = new RegExp('\\[' + tagname + '\\](.+?)\\[\\/' + tagname + '\\]', 'gi');
      if (_userdata.user_id === id) {
        $('#st-boutons').append('<a id=\'' + tagname + '-b\' class=\'sceditor-button\'><div style=\'background-image:url(' + image + ')\' title=\'Προσωπικός Κώδικας\'></div></a>');
        $('#' + tagname + '-b').click(function () {
          $('#text_editor_textarea').sceditor('instance').insertText('[' + tagname + ']', '[/' + tagname + ']')
        })
      }
      $('div.postbody div').each(function () {
        if ($(this).text().indexOf('[' + tagname + ']') != - 1) $(this).html($(this).html().replace(breg, htmlStart + '$1' + htmlEnd))
      })
    }
  })
});

It replaces the HTML in your post. When this occurs it overwrites the resized images.

[TheCrow]

Hello @Ange Tuteur,
I fixed the error js but i cannot use the second script you send all the times. That script is for notifications and warns that i use. Not for everything..

[Ange Tuteur]

Could you provide an example where the image resize is not working ? I checked the forum and it appears to be working here.



Thanks

[TheCrow]

Hi, try this one here

[Ange Tuteur]

Resized :


Press F12 and go to Console. Are there any errors for you there ?

[TheCrow]

I've got 4 errors

[Ange Tuteur]

None of those look like they belong to your installed scripts, but I'll register to see if it's a problem for logged in members.

[TheCrow]

Ok. For me after clearing my browser cashe nothing changed.

[Ange Tuteur]

Do you have anything that is shown specifically for staff members, like widgets ? I checked over your JavaScripts and they all look fine, plus I'm logged in and the image resize is working for me.

[TheCrow]

I have 2 Javascripts. One for the BBCodes you send before and one for the ModTools. But i was going to tell you about Mozilla and Chrome but my admin says he sees it like i do and he uses mozilla and i use chrome.

Edit: Oh wow i believe the bbcodes is the one that makes it like that. if you remove that it fixes it?

[Ange Tuteur]

Yeah, the custom bbcode is the problem. I disabled so you can see.

The problem is that it replaces the HTML content. The images are resized once, but once the HTML is replaced the resized image is lost.

[TheCrow]

SO if we deactivate that one they all will get resized normally?

[Ange Tuteur]

Correct, take a look around. It looks like all of the images are resizing correctly again. It only occurred when the script had to replace [Luffy][/Luffy] in the post.

[TheCrow]

Ok thanks a lot! Topic solved!


Thanks for your time,
Luffy!

[Ange Tuteur]

You're welcome

Topic archived

Have a nice day.