[Plugin: NextGEN Gallery] Firefox 3.6 Compatbility Issue. Clicking on gallery scrolls page up to top

Here’s a way to fix it without deleting any code, just changing a few settings. This will also give you a light box with a close button which I think is easier to use.

1. Download the JW image rotator. Upload the imagerotator folder to your web server.

2. In the WordPress admin go to Gallery > Options > Slideshow. Configure the path to the imagerotator.swf. For example: https://www.plansforextensions.com/imagerotator/imagerotator.swf

Click save changes

3. Go to Gallery > Options > Effects. Change JavaScript Thumbnail effect: to ‘Thickbox’. Save changes.

4. The problem is now fixed and you have a nicer lightbox ??

5. Some extra text may appear before your thumbnails, something like – [show in slideshow]. To remove this, go to Gallery > Options > Gallery. Remove all text in the first box next to ‘Integrate Slideshow’.

6. Excellent!

to fix this bug simply add the word “hidden” between the single quotes
for all instances of the line
document.documentElement.style.overflowX = ”; to document.documentElement.style.overflowX = ‘hidden’;
the page will not move and everything works as it’s supposed to.

This is driving me mad! Could you please treat me as the idiot I obviously am and please direct me to where I can find this code so I can fix it – please!

Hello Maggiemoo. I’m just in the process of teaching myself website development, so am still a novice like you. But here is what I THINK is the situation. Basically, you are going to need two programs to fix this problem. The file you are looking for is located on the server of your web host. In order to get to this file, you need to use a type of program called FTP client. FTP client programs allow your computer to interact with your web host server. There are many FTP client programs, and they can be downloaded for free from the Internet. HOWEVER, here’s the problem. It appears to me that the NextGen plugin was written with Adobe Dreamweaver. (At any rate, when I try to open the “shutter reloaded” document, it tells me that I need Dreamweaver to do so.) And Dreamweaver costs about $400! As I said, I’m still a novice, so perhaps I’m doing something wrong. I’m going to send the link to this thread to the person who has been helping me with my website (she’s an expert), and see if she has anything helpful to add.

Come to think of it, you can download a 30 day free trial version of Dreamweaver. But let’s hold off till we see what my “mentor” has to say.

@maggiemoo

1st, you don’t need to have Dreamweaver to fix the problem. You can do it with Notepad.

You’ll find the file that needs changing in the path that @thedrewseum provided.

I fixed it by commenting out all the lines (even if they were repeats) that have been mentioned in the above post & then tweaking with the NextGen gallery settings.

To get to the file mentioned you need to FTP into your site using an FTP program like FireFTP (a free extension available for Firefox). Download the file to your desktop, make the changes, & just for safety sake in case you make a mistake, make a copy of the original file on the server before you upload the original one.

If you’re not comfortable mucking with code — because in this case you’re looking at coding beyond basic html & a single quote mark or semi-colon makes or breaks it ?? — find someone who is comfortable with it & have them make the changes.

HTH
Christy

Thank you so much! I’ve downloaded FireFox, gone onto my editor WP through FireFox and pulled up the ‘nextgen-gallery/shutter/shutter-reloaded.js’ which has the word ‘(inactive)’ next to it. I’ve deleted every occurrence of the ‘document.documentElement.style.overflowX = ”; after trying to change it to document.documentElement.style.overflowX = ‘hidden’;
I’ve updated and then gone onto my site, onto the Gallery and it’s still scrolling. So I ensured that I got rid of anything that said ‘window.scrollTo(0,t.Top);’

Then again, I’ve gone onto my site and it still scrolls up between photos like I’ve actually done nothing at all. I’ve obviously missed something out! The fact that it has ‘(inactive)’ in the title is also a little concerning!

Any ideas please?

Thank you so much for your help, I really appreciate it and sincerely hope that my obvious ‘thickness’ proves to be a challenge to you rather than annoys!!

Thanks so much everyone!

I changed
document.documentElement.style.overflowX = ”
to
document.documentElement.style.overflowX = ‘hidden’
cleared my cache but still did not see any change.

I then deleted the line
window.scrollTo(0,t.Top)
cleared my cache and still did not see any change.

I went back and deleted
document.documentElement.style.overflowX = ‘hidden’
cleared my cache but still no change.

Finally, I went to a different gallery and saw that it was no longer scrolling back to the header when I closed an image. Perfect!

I noticed lots of posts with people that weren’t able to get this working correctly… I had the same issues, made all the changes and re-uploaded the js file and still not fixed.

I realized that I had the shutter_reloaded plugin installed in wordpress along with Nextgen gallery. There is also a shutter-reloaded.js file in this plugging directory that it was using rather than the one in the nextgen gallery plugin directory. Making the changes to this file fixed it for me. I only had to add “hidden” to the document.documentElement.style.overflowX lines (two changes) and it works like a charm. Thanks for the help.

My shutter_reloaded.js was located in:
/wp-content/plugins/shutter-reloaded

HTH,
Matt