Joshua Tallent

Yeah, unfortunately ZenDesk does not do a lot of updates to Guide…

Can you load a screenshot of what you did?

Eric,

After you load the image with the uploader in the article, click on the Source Code button on the right side of the editor.

In the Code pop-up, add the class name to the image tag, as you see above. You don't need to do anything else. 

Good luck!

Joshua

Eric,

Do you have the class name on the image you want to expand?

class="fancybox" src="image.png" alt="alt text">

You have to have some sort of delineation on the images to assign the styling. If you don't have something specific to define which images are which then there's no way to do what you want. Sorry!

Chris, you can make all images zoomable by changing this line in the JS:

$('.article-body img.fancybox').on('click', function() {

to this

$('.article-body img').on('click', function() {

(remove the ".fancybox").

Just realize that this will apply to every image, including small ones.

Chris, just follow the directions above to set up the JS and use the class name you define in the images.

Chris, if you set it up to only apply to titles that have the class name, then it will not be applied to anything else. I'm sure you could figure out a way in the JS to set exclusions, but using the class name inclusion would be easier.

I am not sure that the Help Classes Hidden function you have there at the end is written properly. Try moving the Images function above that and seeing if that helps. If so, then the Help Classes function needs to be fixed. 

Otherwise there is something else going on in that code. You might try using a JavaScript validator to check it for issues: http://esprima.org/demo/validate.html

Marco, be sure to place the script addition to the bottom of the file BEFORE the closing "});"