elevatezoom jquery plugin not support to master page in asp.net
i tried to create image gallery but its not working in master page
how can i do in master page please help me.
<%@ Page Title="" Language="C#" MasterPageFile="~/Shopping.Master" AutoEventWireup="true" CodeBehind="ShppoingSite.aspx.cs" Inherits="ElevateZoom.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script src="scripts/jquery-1.8.3.min.js"></script>
<script src="scripts/jquery.elevateZoom-3.0.8.min.js"></script>
<script src="jquery.elevateZoom-3.0.8.min.js"></script>
<script src="jquery.elevateZoom-3.0.8.min.js"></script>
<script src="scripts/jquery-3.3.1.js"></script>
<script src="scripts/Hello.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<table><tr><td>
<div id="largeimage" class="divImage">
<asp:Image ID="Img1" src="images/processing.gif" Style="padding-left: 250px; padding-top: 150px;
display: none;" runat="server" />
<asp:Image ID="productimage" runat="server" ImageUrl="~/images/Iphonex.jpg" width="393px" CssClass="test"/>
</div>
<div id="gallery">
<asp:Repeater ID="rptthumb" runat="server">
<ItemTemplate>
<a href="#" class="elevatezoom-gallery" data-update="" data-image='<%# "Images/" + Eval("PhotoPath") %>' data-zoom-image='<%# "Images/" + Eval("PhotoPath") %>'>
<img src='<%# "Images/" + Eval("PhotoPath") %>' class="imgthumbnail" /></a>
</ItemTemplate>
</asp:Repeater>
</div>
</td>
</tr></table>
</asp:Content>
This is my js
$(document).ready(function () {
$("#productimage").elevateZoom({
gallery: 'gallery',
cursor: 'pointer',
galleryActiveClass: "active"
});
});