I have this piece of code in the head of my document which allows image magnification.
<script type="text/javascript">
jQuery(document).ready(function($){
$('#image1').addimagezoom({
zoomrange: [5, 5],
magnifiersize: [530,300],
magnifierpos: 'right',
largeimage: 'images/products/large/KALLY.jpg'
}),
$('#image2').addimagezoom({
zoomrange: [5, 5],
magnifiersize: [530,300],
magnifierpos: 'right',
largeimage: 'images/products/large/EDITH.jpg'
}),
})
</script>
At the moment it allows for 2 images to be magnified, but I intend displaying over 50 product images whose details are taken from a database.
I'm not sure how to change the red parts of the script to read the changing information.
Can anyone help?