Enlarge image when hover over basic image in form

  • Profile Image
    Tank22
    Asked on July 26, 2016 at 09:25 AM

    I found a forum that describes how to enlarge an image when purchasing something, but is there a way to enlarge a basic image in the form when someone hovers over it so they can see it more easily?

    Here is the form I am working on, but we have many more I'd like to use that approach with.  The image of the front and back of the postcard is small and hard for someone to tell the details.

    https://form.jotform.com/stewartB/stewart-title-volunteer-Postcard

     

    Thanks!

  • Profile Image
    Welvin
    Answered on July 26, 2016 at 10:44 AM

    You can inject the following custom CSS codes to your form:

    li[data-type="control_image"] img:hover {

        transform: scale(2.2);

        transition: all 1s ease-in-out;

        position: relative;

        z-index: 1;

        display: block;

    }

    Please follow the steps from this guide to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need some adjustments, let us know.