Hey Guys I am new to Javascript and I am having an issue with changing the speed of the image rotation. According to the manual I can change the speed in “delay” which is automatically set to 9000. I have changed it but to no avail, I am starting to wonder if another file is affecting it.
Here is my 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 my javascript file: http://www.newberryestatevineyards.com/js/custom.js
/* 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 !)
});
});
}
/* ---------------------------------------------------------------------- */
/* Lightbox