Image opening in same window

Posted: Mon Oct 05, 2009 6:59 am

Hi,

I've been having a complete brain fart regarding this, any help would be gratefully appreciated.

I've installed the Slimbox mod on RN2.4 using the RN Blue theme, but when I click the image it just opens in the same tab. Confused

Thanks for your help in advance.

Cheers

Jakec

Posted: Mon Oct 05, 2009 7:23 am

Hmmmm. Send me a link and I'll will take a look.

Posted: Mon Oct 05, 2009 7:25 am

If the css is in place and the javascript is being called, it should work. I also have one that uses the colorbox already in RN 2.40. It can be downloaded here http://trickedoutnews.com/ftopict-39.html and nukeSEO has a demo in their news.

Posted: Mon Oct 05, 2009 9:40 pm

PM sent.

Cheers

Posted: Wed Oct 07, 2009 8:16 pm

OK for anybody else reading this and just in case they have the same problem, the reason was that the slimbox javascript was being called before jquery. Doh!

After all this I've switched to using Colorbox instead. Wink

One small odd thing going on, scrollbars are popping up around the thumbnail for a split second when you click on it. Odd Confused

Posted: Wed Oct 07, 2009 8:17 pm

Oh yeah forgot to say thank you for your help. Very Happy

Posted: Tue Oct 13, 2009 12:15 pm

To remove the scrollbar, you may have to add an attribute in your css to show

Code:

overflow:hidden;

and apply the class in the advance section of the nukeWYSIWYG editor for the image. Something like

Code:

img.noscroll {overflow:hidden;}

and just enter noscroll in class section of editor for the image.

Posted: Sat Oct 17, 2009 4:10 am

Unfortunately that doesn't appear to have fixed it, but I am not that worried it only appears for a split second and it only does it in Firefox.

Thanks again for your help. Very Happy

Posted: Mon Oct 19, 2009 3:15 am

Hmmm. I will look at it and see if I can repeat it on my test site.

Update: It is theme related. I will get to the bottom of it Monday.

Posted: Mon Oct 19, 2009 4:28 am

ok, I think I found it. Open themes/RN_Blue/style/style.css and find:

Code:

#main_inner p
{
text-align: left;
margin-bottom: 2.0em;
overflow: auto;
}

change auto to hidden and that should do it. If for some reason you ever want to have a scroll bar in a block, just remove the overflow and use a class like before.