पर्यावरण, वन एवं जलवायु परिवर्तन विभाग,

उत्तर प्रदेश सरकार, भारत

श्री योगी आदित्यनाथ

माननीय मुख्यमंत्री,उत्तर प्रदेश

श्री दारा सिंह चौहान

माननीय मंत्री,वन विभाग

ऑडियो गैलरी

  <div id="DivContent">
        
           <%-- <div class="border_line">
                <div class="col-md-6 col-sm-6 hidden-xs">
                    <div class="form-inline">
                        <div class="form-group">
                            <label class="sr-only">
                                Email</label>
                            <p class="form-control-static">
                                Display</p>
                        </div>
                        <div class="form-group">
                            <asp:DropDownList ID="ddlShowPerPage" runat="server" class="form-control" AutoPostBack="True"
                                OnSelectedIndexChanged="ddlShowPerPage_SelectedIndexChanged" TabIndex="1">
                            </asp:DropDownList>
                        </div>
                        <p class="form-control-static">
                            Per Page</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 text_alain_r">
                    <div class="form-inline">
                        <div class="form-group">
                            <%--<p class="sr-only">
                            Category</p> 
                          <p class="form-control-static">
                                Category</p>
                            <asp:DropDownList ID="ddlVideoCategory" runat="server" class="form-control" TabIndex="2">
                            </asp:DropDownList>
                        </div>
                        <asp:Button ID="btnGO" runat="server" OnClick="ddlShowPerPage_SelectedIndexChanged"
                            Text="Go" ToolTip="Click here for view Record" class="btn btn-success" TabIndex="3" />
                    </div>
                </div>
            </div>--%> 
            
             
              
                  <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-110950100-1"></script><script type="text/javascript" src="http://45.64.158.173/UPFDMEDIA/JS/JScript.js"></script>
        
          <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script type="text/javascript">
                                                                                                                                                                                                            var jq = $.noConflict();
                                                                                                                                                                                                            jq(document).ready(function () {
                                                                                                                                                                                                                bindData();
                                                                                                                                                                                                                $(window).scroll(function () {

                                                                                                                                                                                                                    if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) {

                                                                                                                                                                                                                        var startInd = parseInt($("#hdfStartIndex").val());

                                                                                                                                                                                                                        var endInd = parseInt($("#hdfEndIndex").val())

 

                                                                                                                                                                                                                        $("#hdfStartIndex").val(startInd + 10);

                                                                                                                                                                                                                        $("#hdfEndIndex").val(endInd + 10);

                                                                                                                                                                                                                        bindData();
                                                                                                                                                                                                                    }

                                                                                                                                                                                                                });

                                                                                                                                                                                                            });


                                                                                                                                                                                                                function bindData() {

                                                                                                                                                                                                                    var startInd = $("#hdfStartIndex").val();

                                                                                                                                                                                                                    var endInd = $("#hdfEndIndex").val();

                                                                                                                                                                                                                jq.ajax({

                                                                                                                                                                                                                    type: "POST",
                                                                                                                                                                                                                //    url: "http://localhost/mis_admin/WebMethod/MediaData.asmx/GetAudio",
                                                                                                                                                                                                         url: "http://45.64.158.173/mis_admin/WebMethod/MediaData.asmx/GetAudio",
                                                                                                                                                                                                                    data: "{startIndex: " + startInd + "," + "endIndex:" + endInd + "}",
                                                                                                                                                                                                                    contentType: "application/json; charset=utf-8",
                                                                                                                                                                                                                    datatype: "jsondata",
                                                                                                                                                                                                                    async: "true",

                                                                                                                                                                                                                    success: function (response) {

                                                                                                                                                                                                                        var table = '';
                                                                                                                                                                                                                        var i = 0;

                                                                                                                                                                                                                        for (i = 0; i <= response.d.length - 1; i++) {
                                                             
                                                                                                                                                                                                                            if (response.d[i].ImageFileName != '') { var imname = '<img src="../MediaGallery/' + response.d[i].ImageFileName + '" style="width:110px;height:85px;  "    alt="' + response.d[i].HindiTitle + '" />'; } else { var imname = ''; } var row = '';
                                                                                                                                                                                                                          //  row += '<iframe width="256" height="163" src="' + response.d[i].FileName + '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ';


                                                                                                                                                                                                                            $("#img1").append('<div class="col-md-6 col-sm-6 padding-r"><div class="photo2"><div style="display:block;"> ' + imname + '</div><div class="FunName"><h1>' + response.d[i].HindiTitle + '</h1><h2>Duration: ' + response.d[i].duration + ' | File Size: 569 KB | Type: mp3</h2></div><div class="audio-container"><audio controls preload="none" src="../MediaGallery/' + response.d[i].FileName + '"></audio></div></div></div>');


                                                                                                                                                                                                                            
                                                                                                                                           
                                                                                                                                                                                                                        }
                                                                                                                                                                                                                      
                                                                                                                                                                                                                    },
                                                                                                                                                                                                                    error: function (response) {
                                                                                                                                                                                                                        //alert(response.statusText);
                                                                                                                                                                                                                    }
                                                                                                                                                                                                                });

                                                                                                                                                                                                                }
    </script>
<div class="photo" style="width:103.7%; margin-left:-15px;">
<div id="img1" ></div>
</div>

          <div>

        <input type="hidden" value="1" id="hdfStartIndex" />

        <input type="hidden" value="10" id="hdfEndIndex" />

        </div>

                <div tabindex="-1" class="modal fade" id="myModal" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button class="close" type="button" data-dismiss="modal">
                                    ×</button>
                                <h4 class="modal-title">
                                    Heading</h4>
                            </div>
                            <div class="modal-body">
                            </div>
                            <div class="modal-footer">
                                <button class="btn btn-success" data-dismiss="modal">
                                    Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>