Elevate zoom not working for ajax contents.

elevateweb / elevatezoom

1.02k stars 493 forks source link

Elevate zoom not working for ajax contents. #175

Open malik3339 opened 6 years ago

malik3339 commented 6 years ago

Greetings !

elevate zoom works fine when page is loaded. but when I loaded images with "jquery.append()" inside "ajax" call it does nothing.....

hakiour commented 6 years ago

After load the image wit jquery.append(), call again to the elevateZoom() function whit your configuration, example:

$( "#elementID" ).empty(); $( "#elementID" ).append("<img id='yourImageID' src='https://hamza.es/assets/images/logo.png' data-zoom-image='https://hamza.es/assets/images/logo.png' alt=''>"); $("#yourImageID").elevateZoom({tint:true, tintColour:'#01714d', tintOpacity:0.5, scrollZoom : true });