Photo Gallery

 

Video list Album Gallery<\/title> <style type=\"text\/css\"> .row-gap{ margin:10px; } #content{ width:85%; padding:10px; margin:0 auto; } #left{ width:80%; float:left; } #right{ width:20%; float:right; } <\/style> <script> document.onkeydown = function() {switch (window.event.keyCode) {case 37:previous(); break;case 39:next();break;}}; var i="+$(this).attr('id')+"; function next() { var varPop = window.parent.document.getElementsByClassName(\"popup\"); var varTitle = window.parent.document.getElementsByClassName(\"titleBox\"); if(i<varPop.length){ document.getElementById(\"idImgPhoto\").setAttribute(\"src\",varPop[i].getAttribute('data-link')); document.getElementById(\"object3\").innerHTML = varTitle[i].innerHTML; i++;}else{alert('No more images');} } function previous() {if(i>0) {i--; var varPop = window.parent.document.getElementsByClassName(\"popup\"); var varTitle = window.parent.document.getElementsByClassName(\"titleBox\"); document.getElementById(\"idImgPhoto\").setAttribute(\"src\",varPop[i-1].getAttribute('data-link')); document.getElementById(\"object3\").innerHTML = varTitle[i-1].innerHTML; }else{ alert('First photo'); } } <\/script> <\/head> <body> <div id=\"content\"> <div id=\"left\"> <div class=\"row-gap\" id=\"object1\"><img id=\"idImgPhoto\" src=\""+$(this).attr('data-link')+"\" width=\"100%\"><\/div> <div class=\"row-gap\" id=\"object2\"> <\/div><\/div> <div id=\"right\"> <div class=\"row-gap\" id=\"object3\"> "+varTitle+" <!--<i class=\"material-icons\" style=\"font-size:24px;color:deepskyblue\">place<\/i>--><\/div> <div class=\"row-gap\" id=\"object4\"><\/div> <\/div> <span class=\"pagination\"> <button name=\"btnPrev\" value=\"Prev\" onclick=\"previous()\">Prev<\/button> <span> <\/span> <button name=\"btnNext\" value=\"Next\" onclick=\"next()\">Next<\/button> <\/span> <\/div> <\/body>"); doc.close(); document.getElementById('iframe').focus(); /*$iframe.ready(function() { $iframe.contents().find("thml").append('Test'); });*/ // $iframe.wrap("<div class='class-video'>"); } ); $(document).on('click', '.idclose', function(){ $("#idcover").css("display","none"); $("#video-view").css("display","none"); } ); </script> <meta name="google-site-verification" content="eGEAVSLMUDyztvgyqhrlnTJEiXA5H70VslSAz9T_6KY" /> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-89342263-2', 'auto'); ga('send', 'pageview'); </script> <!-- Universal Google Analytics Plugin by PB Web Development --> </head> <body> <form action="/index.php/galleries/photo-gallery" method="post"> <input type="submit" name="btnPrev" value="Prev"><span> </span><input type="submit" name="btnNext" value="Next"><div class="wrap"></div> <div id="idcover"> </div> <div id="video-view"> </div> <span class="pagination"> <input type="submit" name="btnPrev" value="Prev"><span> </span><input type="submit" name="btnNext" value="Next"> </span> </form> </body> </html> <p></p> </div> <div class="clr"></div> <!-- Plugins: AfterDisplayContent --> <!-- K2 Plugins: K2AfterDisplayContent --> <div class="clr"></div> </div> <div class="clr"></div> <!-- Plugins: AfterDisplay --> <!-- K2 Plugins: K2AfterDisplay --> <div class="itemBackToTop"> <a class="k2Anchor" href="/index.php/galleries#startOfPageId258"> back to top </a> </div> <div class="clr"></div> </div> <!-- End K2 Item Layout --> <!-- JoomlaWorks "K2" (v2.6.8) | Learn more about K2 at http://getk2.org --> </div> <!-- //MAIN CONTENT --> <div class="t3-sidebar col-xs-12 col-md-3"> </div> </div> </div> </div> <!-- FOOTER --> <footer id="t3-footer" class="wrap t3-footer"> <section class="t3-copyright"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-12 copyright "> <div class="custom" > <p style="color: white;">Copyright © 2019 <a style="color: white; a.hover{color: #742286;" href="#">Aniruddha's Academy Of Disaster Management</a></p></div> <div class="custom" > <p style="text-align: left;"><span style="color: #ffffff;"><a style="color: white; a.hover{color: #742286;" href="/index.php/component/k2/item/357-privacy-policy">Privacy Policy</a> | <a style="color: white; a.hover{color: #742286;" href="/index.php/component/k2/item/358-terms-and-conditions">Terms and Conditions</a></span></p></div> </div> <div class="col-md-4 col-xs-12"> <a class="" href="http://synthesys.co.in" title="Powered by Synthesys Solutions Pvt. Ltd." target="_blank"> Powered by Synthesys Solutions Pvt. Ltd. </a> </div> </div> </div> </section> </footer> <!-- //FOOTER --> </div> </body> </html>