[Zoom Image] Using code in list or table records

Forge Component
(4)
Published on 2018-12-21 by Salman Ansari
4 votes
Published on 2018-12-21 by Salman Ansari

I'm trying to use this plugin in combination with a list of images and can only get the first image to zoom. Anyone tried this out?


Hey Lennard,

I checked out the component and would recommend to use something else.....

Take a look at a pure CSS approach using transform:

https://www.w3schools.com/howto/howto_css_zoom_hover.asp

I'm pretty sure this will be of more help to you.

Joey Moree wrote:

Hey Lennard,

I checked out the component and would recommend to use something else.....

Take a look at a pure CSS approach using transform:

https://www.w3schools.com/howto/howto_css_zoom_hover.asp

I'm pretty sure this will be of more help to you.

Joey thanks for the response.Will have a look at it.


Hi All,


You can use this component for  list of images OR sliders as well.


You need to pass Id of the Img tag in below jquery method to run it perfectly with the multiple images.

Pass in $('#OrigImg') your Img tag Id dynamically.In that way plugin will work perfectly.

 

SyntaxEditor Code Snippet

$(document).ready(function(){
    
    $('#OrigImg').bighover({
    position: '"+ZoomPosition+"'
    });


});