Results 1 to 1 of 1

Thread: Gallery is not showing in Full Screen

  1. #1
    Join Date
    Oct 2017
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Gallery is not showing in Full Screen

    Hi All,
    I have an issue with one of my website page where I attached two pages with iframe. In a single page my gallery shows in full screen when I enter full screen.

    But I attached two pages with iframe the "Enter Full Screen" of gallery doesnot work.

    Now this was sorted by jscheuer1 before but recently I have used some updated version of .js which casued me blocking me to enter full screen.

    This is the link where I used iframe to attached two pages..

    http://irelandawamileague.com/new_de..._Done_2017.php


    Heres the code of Java Script currently I have

    Code:
    <script>
        
           
    
        // Load the classic theme
        Galleria.loadTheme('galleria.twelve.min.js');
        
    
        
        // Initialize Galleria
        $('#galleria').galleria({
        
    
        
    	    // Toggles the fullscreen button
    	    _showFullscreen: true,
    	
    	    // Toggles the lightbox button
    	    _showPopout: false,
    	
    	    // Toggles the progress bar when playing a slideshow
    	    _showProgress: true,
    	
    	    // Toggles tooltip
    	    _showTooltip: true,
    	
    	    // Localized strings, modify these if you want tooltips in your language
    	    _locale: {
    	        show_thumbnails: "Show Thumbnails",
    	        hide_thumbnails: "Hide Thumbnails",
    	        play: "Play",
    	        pause: "Pause",
    	        enter_fullscreen: "Enter Fullscreen",
    	        exit_fullscreen: "ExitFullscreen",
    	        popout_image: "Popout image",
    	        showing_image: "Image %s sur %s"
    	        
    	    }
    	});
    if(window.location.href !== top.location.href){
    	(function(){
    		var topdoc = top.window.document, topiframe = topdoc.getElementsByName('iframe1')[0].style;
    		$('body').on('click', '.galleria-fullscreen', function(){
    			var $t = $(this);
    			setTimeout(function(){
    				if($t.parents('.galleria-container').eq(0).hasClass('fullscreen')){
    					topdoc.documentElement.style.overflow = 'hidden';
    					topiframe.height = '100%';
    					topiframe.width = '100%';
    					topiframe.position = 'fixed';
    					topiframe.top = 0;
    					topiframe.left = 0;
    				} else {
    					topdoc.documentElement.style.overflow = '';
    					topiframe.height = '';
    					topiframe.width = '';
    					topiframe.position = '';
    					topiframe.top = '';
    					
    					topiframe.left = '';
    			}}, 300);
    		});
    	})();
    }
    
    </script>
    Please help me on this.

    Thanks
    Last edited by asarker@eircom.ie; 01-15-2018 at 01:04 PM.

Similar Threads

  1. full-screen option
    By auntnini in forum JavaScript
    Replies: 3
    Last Post: 05-15-2014, 02:22 AM
  2. full screen image gallery help needed
    By shas1280 in forum Flash
    Replies: 0
    Last Post: 04-06-2011, 11:39 AM
  3. Full-Screen Pop-Up.
    By Moglizorz in forum HTML
    Replies: 5
    Last Post: 04-22-2007, 01:52 AM
  4. Onresize and full screen
    By hsantos in forum Looking for such a script or service
    Replies: 1
    Last Post: 02-25-2007, 03:07 AM
  5. go to full screen on load
    By jpozzi in forum JavaScript
    Replies: 1
    Last Post: 03-24-2005, 11:44 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •