CSS code for image hover or image Lightbox

I need a CSS code for image hover or image Lightbox .
show my sample pictures down.

Thanks

While you could enlarge the image field when clicked on it, it would not be possible to show the same within the image lightbox.

What could be done - and it is a sort of a dirty hack, is to use payment tool - like PayPal Standard, add the images as free products and then add Product Lightbox widget to your form.

This form shows what I mean: https://form.jotform.com/61033681511951

That would allow you to display the same within the lightbox - but it would not be possible to do the same for image widgets.

The only other way that you could do something like that would be to grab the source code of your form and add the images manually to the checkbox / radio buttons followed by the code for lightbox.

Thanks.

You have a sample code for your idea?

(The only other way that you could do something like that would be to grab the source code of your form and add the images manually to the checkbox / radio buttons followed by the code for lightbox.)

...add the images as free products and then add Product Lightboxwidget to your form....

I try it bud  it does not work, see my form!

This form actually shows how it would look if you add the images to the payment processing tool: https://form.jotform.com/61033681511951

Now it is however needed to add the following widget to the form as well: Product Lightbox widget.

And the following CSS:

.form-product-item.hover-product-item input, .form-product-item.hover-product-item label {
    display: none;
}
.form-product-image {
    width: 200px;
}
[data-type="control_paypal"] br {
    display: none;
}

In regards to the lightbox - this would be outside of the JotForm and as such we can only suggest hiring a developer to create something like that for you, or to create it by yourself.