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"
    });
});