Stop Javascript from running with only access to css

Question

I am working on modifying a template from the 3rd party software Inksoft. I am able to access the header file on 'all pages' and have a script that is pointing to an additional css file that I am using to modify layout, fonts, etc.

My client really hates this zoom function that is being used on images. It is being done using the mojozoom js script.

Can you guys think of any way I can prevent this effect from happening on rollover? To stop the script from running or somehow hide the zoomed image that pops up via css?

Here is a screen shot of what I have access to via Inksoft: http://www.moonandfox.com/ex1.png

And here is the page in question: http://stores.inksoft.com/Trevor_Friedrich/Products

Of course you can do .mojozoom_imgctr, .mojozoom_marker { display: none; }, but it would be much easier if you could prevent that script from loading. Are you sure there's no toggle option somewhere in the settings? — Bergi
– Bergi, Commented Sep 10, 2013 at 19:23

Jon Newmuis · Accepted Answer · 2013-09-10 19:18:58Z

1

Hide the CSS classes that are showing up.

.mojozoom_marker, .mojozoom_imgctr {
  display: none;
}

mojozoom_marker is the box (with crosshairs) that shows up within the thumbnail image. mojozoom_imgctr is the enlarged, "zoomed-in" version that appears on the side of the image, on hover.

answered Sep 10, 2013 at 19:18

Jon Newmuis

26.7k3 gold badges48 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MoonandFox Over a year ago

Thank you so much! I didn't see that .mojozoom_imgctr class in there before. Thanks again!

Collectives™ on Stack Overflow

Stop Javascript from running with only access to css

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related