What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How Can I Zoom My Images When Hovered?

    Asked by pandalabs on February 13, 2015 at 11:41 AM
    2. Is there a possibility to zoom in on the images once the user hovers on them? Alternatively, I tried using the Lightbox widget but for some reason it doesn't work.
  • Profile Image

    Answered by Sean on February 13, 2015 at 01:10 PM

    Our Product Lightbox widget would be the correct tool to use but it is not triggered by hover but actually by clicking. It will allow your users to get a display of the image at a larger size once the image has been clicked.

    I was not able to locate any widget that would provide the zoom feature for hovering but you can the inject the CSS codes below and it should provide a similar functionality.

    .form-product-image:hover, .form-product-image-with-options:hover {
    height: 500px;

    width: 600px;
    }

    Feel free to provide the link for your form so we can provide more accurate CSS codes to help out. I hope this answers your question.

    Cheers!

  • Profile Image

    Answered by pandalabs on February 14, 2015 at 06:06 AM

    Thank you for the reply, but for some reason the product lightbox widget doesn't work. I've tried deleting it and re-adding it a few times but still doesn't work.

  • Profile Image

    Answered by Sean on February 14, 2015 at 08:25 AM

    Can you try activating the light box widget on this demo form:
    http://form.jotform.co/form/33604136500846?



    When you say that it is not functional, are you viewing it on the standalone URL or are you viewing it from your website? If you are viewing it from your website, it is possible that the other scripts for your website would be interfering with scripts to trigger the product image light box. I would recommend the iFrame method to get rid of this issue. Please try triggering the product light box functionality by clicking the images on the form at the above link. I will await your response.


    Cheers!