Image resize does not work any more on my forum

Jan

2012

I have set the image resize to 560 px in width and this has worked fine until a few weeks ago, but now it doesn't work any longer. Here's an example: http://www.a-4-d.com/t413p30-the-random-picture-thread#4132

It could have happened around the same time that the forum was moved from our original domain to our new domain.

1 Nera., on 02/01/2012 at 13h33

Hi,

Did you maybe add some JS file recently that might have caused it?

2 Soulmonster, on 02/01/2012 at 13h39

Nera. wrote:Hi,

Did you maybe add some JS file recently that might have caused it?

No, I have no JS scripts installed.

3 Soulmonster, on 04/01/2012 at 10h41

Bump.

4 Nera., on 04/01/2012 at 12h35

Hi,

Your resizer is working:

5 Soulmonster, on 04/01/2012 at 12h43

Nera. wrote:Hi,

Your resizer is working:

Hi again,

It doesn't work in Firefox:

But it does in IE:

So I guess we are closing in on the problem. Thanks for being so quick to respond Smile

6 Nera., on 04/01/2012 at 12h44

I'm using Firefox and it works normal on it.

Try /t22597-how-to-clear-the-cache-in-firefox-internet-explore-chrome

7 Soulmonster, on 04/01/2012 at 12h51

Nera. wrote:I'm using Firefox and it works normal on it.

Try /t22597-how-to-clear-the-cache-in-firefox-internet-explore-chrome

Clearing the cache did not help.

8 Nera., on 04/01/2012 at 13h02

Does the resizer work from Mozilla when you are logged of? Try it.

9 Soulmonster, on 04/01/2012 at 13h03

Nera. wrote:Does the resizer work from Mozilla when you are logged of? Try it.

Yes, it does!

10 Nera., on 04/01/2012 at 13h05

Try to loggin through IE and if it doesn't work when you loggin on IE than it should be some JS on your forum for users that doesn't work properly. JS on FM get's combined and if something doesn't work as it should it can block the resizer.

11 Soulmonster, on 04/01/2012 at 13h11

Nera. wrote:Try to loggin through IE and if it doesn't work when you loggin on IE than it should be some JS on your forum for users that doesn't work properly.

I logged in through IE and it didn't work.

I don't have any JS on my forum, but I do have the following CSS codes:

#search-box {
float:right;
margin-right:5px;
margin-top:10px;
white-space:nowrap;
visibility:hidden;
}

#page-footer, div.navbar, div.navbar ul.linklist {
max-height: 70px;
}

#main-content > center {overflow: auto;}

#i_icon_mini_index{width:76px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/n54okmjpg.png);}
#i_icon_mini_index:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/n54okmjpghover.png);}

#i_icon_mini_calendar{width:68px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/28thus0jpg.png);}
#i_icon_mini_calendar:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/28thus0jpghover.png);}

#i_icon_mini_faq{width:68px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/w8b1wpjpg.png);}
#i_icon_mini_faq:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/w8b1wpjpghover.png);}

#i_icon_mini_search{width:74px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/90vdczjpg.png);}
#i_icon_mini_search:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/90vdczjpghover.png);}

#i_icon_mini_gallery{width:74px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/24majuxjpg.png);}
#i_icon_mini_gallery:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/24majuxjpghover.png);}

#i_icon_mini_members{width:65px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/23lcnwjjpg.png);}
#i_icon_mini_members:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/23lcnwjjpghover.png);}

#i_icon_mini_groups{width:74px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2i5ezqjpg.png);}
#i_icon_mini_groups:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2i5ezqjpghover.png);}

#i_icon_mini_profile{width:74px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2z6avsljpg.png);}
#i_icon_mini_profile:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2z6avsljpgprofile.png);}

#i_icon_mini_message{width:68px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/xf9oa0jpg.png);}
#i_icon_mini_message:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/xf9oa0jpghover.png);}

#i_icon_mini_new_message{width:98px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/sqtwcxjpg.png)}
#i_icon_mini_new_message:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/sqtwcxjpghover.png)}

#i_icon_mini_logout{width:62px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/1zdomshjpg.png);}
#i_icon_mini_logout:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/1zdomshjpghover.png);}

#i_icon_mini_register{width:82px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2h2r585jpg.png);}
#i_icon_mini_register:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2h2r585jpghover.pngg);}

#i_icon_mini_login{width:62px;height:65px;background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2ltlytijpg.png);}
#i_icon_mini_login:hover{background:url(http://i624.photobucket.com/albums/tt328/SoulMonster/2ltlytijpghover.png);}

blockquote {
border: 1px solid;
border-radius:5px;-moz-border-radius:5px;
}

.postprofile {
text-align:center;
}

.postprofile dl dt a {
font-size: 11px;
}

.resize_process img.resize_img {
display: inline;
}

I thought it might be something with the last CSS (.resize_process); but removing that CSS code caused all the large pictures to not be displayed at all.

12 Nera., on 05/01/2012 at 01h47

CSS should not affect that.

And about the JS:

I don't have any JS on my forum

That's not completely true, you have JS atleast in your widgets...

My first choice would be to remove this from the widget.

Code:: <script src="http://code.jquery.com/jquery-latest.js"></script>

Try to see does it work after that.

13 Soulmonster, on 05/01/2012 at 08h46

Nera. wrote:CSS should not affect that.

And about the JS:

I don't have any JS on my forum

That's not completely true, you have JS atleast in your widgets...

My first choice would be to remove this from the widget.

Code:
<script src="http://code.jquery.com/jquery-latest.js"></script>

Try to see does it work after that.

Oh, I didn't know there were JS in the widgets, too. Embarassed

I removed the code you suggested after finding it in the chatbox widget, and yes, it worked! I haven't added that code myself, it must have come when I added the new chatbox version. Thanks again, you're great!

14 Nera., on 05/01/2012 at 10h43

Welcome.

Topic Solved & Locked