SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member ellalillo1's Avatar
    Join Date
    Apr 2013
    Location
    San Francisco
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    unable to change speed setting for image rotation: delay 9000

    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:

    HTML Code:
    <!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

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

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,696
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by ellalillo1 View Post
    I have changed it but to no avail, I am starting to wonder if another file is affecting it.
    Can we please see a test page that demonstrates the problem that you are having. It wold help tremendously to have that, so that we can look in to the potential conflicts that are occurring on your page.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


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
  •