Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    May 2012
    Posts
    19
    Thanks
    7
    Thanked 0 Times in 0 Posts

    how to disable javascript in this template?

    Hi guys
    I am looking at this template
    http://www.os-templates.com/website-...ucation-board/

    when i first saw this template, I fell in love with it. I made a website using it, and uploaded it to my host. but the problem is, you see the 4 pictures on the left that keep changing, the ones that are controlled by js?
    these load too slow, probably because i am on a free host. so I want to disable these. it would be really nice if it was just a static image instead.

    what is the best way to do it? can I just delete the js files?
    i also have the template's download link, if you want to look at it: http://www.os-templates.com/free-web...ducation-board

    Here is the relevant parts in the css file.
    Code:
    /*
    Template Name: Education Board
    File: Featured Slider CSS
    Author: OS Templates
    Author URI: http://www.os-templates.com/
    Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
    */
    
    #featured_slide{
    	display:block;
    	float:left;
    	width:470px;
    	margin:0;
    	}
    
    #featured_slide a{
    	color:#FFFFFF;
    	background-color:transparent;
    	}
    
    #featured_slide a, #featured_slide ul, #featured_slide img{
    	margin:0;
    	padding:0;
    	border:none;
    	outline:none;
    	list-style:none;
    	text-decoration:none;
    	}
    
    #featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{
    	margin:0 0 8px 0;
    	padding:0;
    	line-height:normal;
    	font-weight:bold;
    	color:#FFFFFF;
    	background-color:transparent;
    	}
    
    #featured_slide a{
    	color:#F00000;
    	background-color:transparent;
    	font-weight:normal;
    	}
    
    #featured_slide p{
    	margin:0;
    	font-size:12px;
    	}
    
    #featured_slide .panel{
    	border:10px solid #FFFFFF;
    	}
    
    #featured_slide .loader{
    	background:url("../images/galleryviewthemes/loader.gif") center center no-repeat;
    	}
    
    #featured_slide .panel .panel-overlay, #featured_slide .panel .overlay-background{
    	height:60px;
    	padding:5px;
    	white-space:normal;
    	}
    
    #featured_slide .panel .overlay-background{
    	background:#000000;
    	}
    
    #featured_slide .panel .panel-overlay{
    	color:#FFFFFF;
    	font-size:0.7em;
    	}
    
    #featured_slide .filmstrip{
    	margin:15px 0 0 0;
    	padding:0;
    	}
    
    #featured_slide .filmstrip .img_wrap{
    	margin:0;
    	padding:0;
    	}
    
    #featured_slide .frame{}
    
    #featured_slide .frame .img_wrap{
    	border:1px solid #AAAAAA;
    	}
    
    #featured_slide .frame.current .img_wrap{
    	border-color:#000000;
    	}
    
    #featured_slide .frame img{
    	border:none;
    	}
    
    #featured_slide .frame .caption{
    	text-align:center;
    	color:#888888;
    	}
    
    #featured_slide .frame.current .caption{
    	color:#000000;
    	}
    
    #featured_slide .pointer{
    	border-color:#000000;
    	}
    
    /* The following styles are only used if Javascript is disabled */
    
    #featured_slide{
    	height:380px; /* Made up of 60px text overlay and the 320px image height */
    	overflow:auto; /* Adds right scrollbar */
    	}
    
    #featured_slide li{
    	margin:0 0 10px 0;
    	}
    Last edited by mike316; 06-30-2012 at 07:11 PM.

  • #2
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    947
    Thanks
    0
    Thanked 130 Times in 129 Posts
    The css have nothing to do with the sliding.

    All changes to the sliding, must be set in jquery.galleryview.setup.js

    Add this line:
    Code:
    enable_slideshow: false,
    to that file

  • #3
    New Coder
    Join Date
    May 2012
    Posts
    19
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Lerura View Post
    The css have nothing to do with the sliding.

    All changes to the sliding, must be set in jquery.galleryview.setup.js

    Add this line:
    Code:
    enable_slideshow: false,
    to that file
    many thanks. So is this right? (last line)... should I have the comma there or remove it?

    Code:
    $(document).ready(function () {
        $('#featured_slide').galleryView({
            show_panels: true,              //BOOLEAN - flag to show or hide panel portion of gallery
            show_filmstrip: true,           //BOOLEAN - flag to show or hide filmstrip portion of gallery
            
    		panel_width: 450,               //INT - width of gallery panel (in pixels)
            panel_height: 320,              //INT - height of gallery panel (in pixels)
            
    		frame_width: 84,               //INT - width of filmstrip frames (in pixels)
            frame_height: 60,               //INT - width of filmstrip frames (in pixels)
            
    		start_frame: 1,                 //INT - index of panel/frame to show first when gallery loads
            
    		filmstrip_size: 4,
            
    		transition_speed: 800,          //INT - duration of panel/frame transition (in milliseconds)
            transition_interval: 4000,      //INT - delay between panel/frame transitions (in milliseconds)
            
    		overlay_opacity: 0.7,           //FLOAT - transparency for panel overlay (1.0 = opaque, 0.0 = transparent)
            frame_opacity: 0.3,             //FLOAT - transparency of non-active frames (1.0 = opaque, 0.0 = transparent)
            
    		pointer_size: 0,                //INT - Height of frame pointer (in pixels)
            
    		nav_theme: 'dark',              //STRING - name of navigation theme to use (folder must exist within 'themes' directory)
            
    		easing: 'swing',                //STRING - easing method to use for animations (jQuery provides 'swing' or 'linear', more available with jQuery UI or Easing plugin)
            
    		filmstrip_position: 'bottom',   //STRING - position of filmstrip within gallery (bottom, top, left, right)
            overlay_position: 'bottom',     //STRING - position of panel overlay (bottom, top, left, right)
            
    		panel_scale: 'crop',            //STRING - cropping option for panel images (crop = scale image and fit to aspect ratio determined by panel_width and panel_height, nocrop = scale image and preserve original aspect ratio)
            frame_scale: 'nocrop',            //STRING - cropping option for filmstrip images (same as above)
            frame_gap: 10,                   //INT - spacing between frames within filmstrip (in pixels)
            
    		show_captions: false,           //BOOLEAN - flag to show or hide frame captions
            
    		fade_panels: true,              //BOOLEAN - flag to fade panels during transitions or swap instantly
            
    		pause_on_hover: true            //BOOLEAN - flag to pause slideshow when user hovers over the gallery	
    enable_slideshow: false,
    		
        });
    });

  • #4
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    947
    Thanks
    0
    Thanked 130 Times in 129 Posts
    you must move the comma to the line above,- or swap the line with the line above.

    The comma acts as a separator between each of the setting, thus it have to be after all but the last setting.

    What order you end up having the settings in doesn't matter, as long as they are separated correctly
    Last edited by Lerura; 07-01-2012 at 03:11 AM.


  •  

    Posting Permissions

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