Javascipt Image Zoom & WordPress

Viewing 11 replies - 1 through 11 (of 11 total)

  • At this stage, you would need a plugin developer to make sure that javascript/jquery scripts in any other application do not conflict with the scripts that WordPress natively has in all installations. While those are cool tools and easy to apply to HTML sites, WordPress is another challenge altogether despite its many many favorable points.

    Why not check out the image zoom – or close to it – WordPress plugins we have like https://www.ads-software.com/extend/plugins/random-image-gallery-with-fancy-zoom/ or other zoom plugins etc

    I’ve just tried it on my test blog and it seemed to work fine.

    Upload the mojozoom.css and mojozoom.js into your theme folder.
    Copy and paste the ‘Step 1’ code into your header.php file (from the link you gave above), between the <head> tags.
    Edit the code to reflect the full path of both of those mojozoom.css and mojozoom.js files.
    Go to the page/post you want to edit.
    Switch to HTML mode.
    Upload the image you want to zoom on.
    Make a note of the full url.
    Paste the zoom code into the editor (the third piece of code also given on that page you linked to – ie the piece with the divs and styles etc).
    Edit that code to reflect the full url of your image.

    Publish/Preview. Sorted. But yes, you should check for incompatibilities etc as mercime suggested.

    Good one alism! Good luck macart. I believe it would help in the process if you do not have any other plugin activated in your install. Then activate your necessary or required plugins one by one to see which might conflict with mojozoom.

    Thread Starter macart

    (@macart)

    Thank you, Thank you, Thank you! For the reply.
    Ok, Im still doing something wrong.
    My page has a dot on it, when I rollover the dot, I get
    part of the zoom.

    My WordPress page html:
    https://wordpress.pastebin.com/m2b0a73bc

    mojozoom.css and mojozoom.js are both in my theme folder,
    addresses look to be correct, they are below.
    https://wordpress.pastebin.com/m1868a605

    My mojozoom.css
    https://wordpress.pastebin.com/m308422a2

    Thanks

    You’ve pasted the code wrongly, this section:

    <img src=href="https://mysite.com...

    needs the extra “=href” removing, to look like:

    <img src="https://mysite.com...

    Thread Starter macart

    (@macart)

    EXCELLENT!!!! THANK YOU SO MUCH FOR THE HELP!!!!!!

    Thread Starter macart

    (@macart)

    The smaller image can be clicked and it will open the larger image, is there some way to turn this off?

    Try commenting out the line in mojozoom.js that references the href:

    // linkParent.setAttribute("href", zoomSrc);

    Thread Starter macart

    (@macart)

    You have saved my sanity, I have been lost on this one. Thank you very much for the help!!!

    You’re welcome. ??

    Thread Starter macart

    (@macart)

    This broke after 2.9 update. Anyone know why?
    Thanks

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Javascipt Image Zoom & WordPress’ is closed to new replies.