I am new to the world of javascript. I have been trying to modify the speed settings for my image rotator.
The manual said it was here: <script src=”js/custom.js” type=”text/javascript”></script> <!– jQuery initialization –>
and all I had to do was change the speed in the delay which by default was 9000.
It has not worked, and I am wondering if another file is affecting it.
Here is the HTML :
[code=html]
<!DOCTYPE HTML>
<!–[if IE 8]> <html class=”ie8 no-js”> <![endif]–>
<!–[if (gte IE 9)|!(IE)]><!–> <html class=”no-js”> <!–<![endif]–>
<head>
<!– begin meta –>
<meta charset=”utf-8″>
<meta name=”description” content=”NewberryEstateVineyards Wedding Services”>
<meta name=”keywords” content=”Weddings, wedding planning, birthday, party, celebration, engagement, wedding invitations, wedding cakes, wedding gift, and wedding gifts, wedding etiquette.”>
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
<script type=”text/javascript”>
var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-34986992-1’]);
_gaq.push([‘_trackPageview’]);
(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!– end meta –>
<!– begin CSS –>
<link href=”style.css” type=”text/css” rel=”stylesheet” id=”main-style”>
<!– REVOLUTION BANNER CSS SETTINGS –>
<link rel=”stylesheet” type=”text/css” href=”css/revslider.css” media=”screen”>
<link href=”css/responsive.css” type=”text/css” rel=”stylesheet”>
<!–[if IE]> <link href=”css/ie.css” type=”text/css” rel=”stylesheet”> <![endif]–>
<link href=”css/colors/pink.css” type=”text/css” rel=”stylesheet” id=”color-style”>
<!– end CSS –>
<!– <link href=”images/favicon.ico” type=”image/x-icon” rel=”shortcut icon”>–>
<!– begin JS –>
<script src=”js/jquery-1.8.2.min.js” type=”text/javascript”></script> <!– jQuery –>
<script src=”js/ie.js” type=”text/javascript”></script> <!– IE detection –>
<script src=”js/jquery.easing.1.3.js” type=”text/javascript”></script> <!– jQuery easing –>
<script src=”js/modernizr.custom.js” type=”text/javascript”></script> <!– Modernizr –>
<!–[if IE 8]>
<script src=”js/respond.min.js” type=”text/javascript”></script>
<script src=”js/selectivizr-min.js” type=”text/javascript”></script>
<![endif]–>
<script src=”js/ddlevelsmenu.js” type=”text/javascript”></script> <!– drop-down menu –>
<script type=”text/javascript”> <!– drop-down menu –>
ddlevelsmenu.setup(“nav”, “topbar”);
</script>
<script src=”js/tinynav.min.js” type=”text/javascript”></script> <!– tiny nav –>
<script src=”js/jquery.validate.min.js” type=”text/javascript”></script> <!– form validation –>
<script src=”js/jquery-ui-1.10.1.custom.min.js” type=”text/javascript”></script> <!– tabs, toggles, accordion –>
<script src=”js/jquery.flexslider-min.js” type=”text/javascript”></script> <!– slider –>
<script src=”js/jquery.jcarousel.min.js” type=”text/javascript”></script> <!– carousel –>
<script src=”js/jquery.ui.totop.min.js” type=”text/javascript”></script> <!– scroll to top –>
<script src=”js/jquery.fitvids.js” type=”text/javascript”></script> <!– responsive video embeds –>
<script src=”js/jquery.tweet.js” type=”text/javascript”></script> <!– Twitter widget –>
<script src=”js/jquery.tipsy.js” type=”text/javascript”></script> <!– tooltips –>
<!– jQuery REVOLUTION Slider –>
<!– REVOLUTION BANNER CSS SETTINGS –>
<script src=”js/jquery.fancybox.pack.js” type=”text/javascript”></script> <!– lightbox –>
<script src=”js/jquery.fancybox-media.js” type=”text/javascript”></script> <!– lightbox –>
<script src=”js/froogaloop.min.js” type=”text/javascript”></script> <!– video manipulation –>
<script src=”js/custom.js” type=”text/javascript”></script> <!– jQuery initialization –>
<!– end JS –>
Here is the js/custom.js file: [url]http://www.newberryestatevineyards.com/js/custom.js
[CODE]
/* Revolution Slider
/* ———————————————————————- */
if ($().revolution) {
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
tpj(‘.fullwidthbanner’).revolution(
{
delay:9000,
startwidth:940,
startheight:400,
onHoverStop:”on”, // Stop Banner Timet at Hover on Slide on/off
thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
thumbHeight:50,
thumbAmount:3,
hideThumbs:200,
navigationType:”bullet”, //bullet, thumb, none, both (No Shadow in Fullwidth Version !)
navigationArrows:”verticalcentered”, //nexttobullets, verticalcentered, none
navigationStyle:”round”, //round,square,navbar
touchenabled:”on”, // Enable Swipe Function : on/off
navOffsetHorizontal:0,
navOffsetVertical:20,
stopAtSlide:-1, // Stop Timer if Slide “x” has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
stopAfterLoops:-1, // Stop Timer if All slides has been played “x” times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
hideCaptionAtLimit:0, // It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
hideAllCaptionAtLilmit:0, // Hide all The Captions if Width of Browser is less then this value
hideSliderAtLimit:0, // Hide the whole slider, and stop also functions if Width of Browser is less than this value
fullWidth:”on”,
shadow:0 //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows – (No Shadow in Fullwidth Version !)
});
});
}
/* ———————————————————————- */