...

View Full Version : how to disable javascript in this template?



mike316
06-30-2012, 05:17 PM
Hi guys
I am looking at this template
http://www.os-templates.com/website-templates/template-demos/free-website-templates/education-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-website-templates/education-board

Here is the relevant parts in the css file.


/*
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;
}

Lerura
06-30-2012, 07:07 PM
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:

enable_slideshow: false,
to that file

mike316
06-30-2012, 10:52 PM
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:

enable_slideshow: false,
to that file

many thanks. So is this right? (last line)... should I have the comma there or remove it?


$(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,

});
});

Lerura
07-01-2012, 02:08 AM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum