WebSite X5Help Center

 
Alex Morales
Alex Morales
User

Hover Over Zoom  en

Autor: Alex Morales
Visitado 1234, Seguidores 2, Compartilhado 0  

I am attempting to create a shopping cart with an Amazon-like feature where if you hover over the image, a magnifying glass appears that greatly zooms in on the image. COuld anyone help me with getting this feature on my website?

Publicado em
5 RESPOSTAS
Paul M.
Paul M.
Moderator

Hello Alex,

The closest you will get using the tools built-in to WebSite X5 is to make use of the 'Automatically enlarge and move the Image' Display Mode, in the Image Object properties.  There are several different settings which you can play around with.  Although it is relatively easy to zoom in (with high magnification) on an image, the magnifying glass metaphor is unavailable.

You could insert custom code (most probably jQuery) if you can find a plugin on the net which provides this type of functionality.

It is not too difficult to use your own code within WebSite X5 although you do have to be diligent and read any plugin instructions carefully.

But I am afraid there is no out-of-the-box 'magnifying glass' feature in WebSite X5.

Kind regards,

Paul

Ler mais
Publicado em de Paul M.
Jamie B.
Jamie B.
User

Hi

it is possible to add this to your x5 project using custom code, I will work on it and post a tutorial shortly.

regards

jamie

Ler mais
Publicado em de Jamie B.
Alex Morales
Alex Morales
User
Autor

Thank you very muich!

I was looking to use this feature in a gallery and it appears that there is only an option for that if I upload a single image. Any thoughts on how I could do this?

Ler mais
Publicado em de Alex Morales
Jamie B.
Jamie B.
User

Hi

there may be one option but I will test it out first before I confirm it.

Regards

jamie

Ler mais
Publicado em de Jamie B.