www.webdeveloper.com
Results 1 to 3 of 3

Thread: html5 header does not load in chrome, conflict with cycle slider

  1. #1
    Join Date
    Feb 2014
    Posts
    3

    html5 header does not load in chrome, conflict with cycle slider

    Hello my friends is html5 header on the edge Adobe does not load in Chrome, but if you refresh the page if it does. I think the problem is that it conflicts with cycle, which also uses a slider jQery. here I leave the page for example, the many files that are used, if you need one in particular I will post:

    WEBSITE:

    http://bolivar.uphero.com/


    ERROR IN CHROME:

    Code:
    Uncaught TypeError: Object #<Object> has no method 'okToLaunchComposition' head_edgePreload.js:5
        edgeCallback head_edgePreload.js:5
        (anonymous function)                          head_edgePreload.js:2
        t                                             head_edgePreload.js:2
        d                                             head_edgePreload.js:2
        I.b.onreadystatechange.b.onload               head_edgePreload.js:2
        I                                             head_edgePreload.js:2
        (anonymous function)
    HTML:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>BLOG</title>	
        <script src="jquery.min.js"></script>
        <script type="text/javascript" src="jquery.cycle.all.js"></script> 
        
        <script language="javascript">
        $(document).ready(function(){
        
        	$('#slider1').cycle({
        		fx: 'fade', //'scrollLeft,scrollDown,scrollRight,scrollUp',blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,ipe ,zoom
        		speed:  '600', 
           		timeout: '700000000',
           		next:   '#next', 
            	prev:   '#prev',
            	pager:  '#thumb',
        		   pauseOnHover: true, 				// if you hover pauses the slider
                    startClockOnMouseOut: true, 		// if clock should start on MouseOut
        			 manualAdvance: true,
          
            	 
        		pagerAnchorBuilder: function(idx, slide) { 
                	return '<li><a href="#"><img src="' + slide.src + '" width="43" height="29" /></a></li>'; 
            	}  
        	});
        
        });
        
        
        
        </script>
        
        <style type="text/css">
        
        #contenedor {
        	width: 900px;
        	margin: 0 auto;
        	height: 100%;
        	background-color: #000000;
        }
        </style>
        <link href="estilo-galeria.css" rel="stylesheet" type="text/css" />
        </head>
        <body>
        <div id="contenedor">
        <div id="cabecera" >
          <object id="EdgeID" type="text/html" width="920" height="187" data-dw-widget="Edge" data="head/Assets/head.html">
          </object>
        </div>
        <div id="centro_galeria">
        <div class="container">
        
        <div class="slider">
        <div id="slider1">
        	<img  src="/imagenes-galeria/imagenes/1.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/2.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/3.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/4.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/5.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/6.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/7.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/8.jpg" alt="" width="870" height="580"   />
            	<img  src="/imagenes-galeria/imagenes/9.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/10.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/11.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/12.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/13.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/14.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/15.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/16.jpg" alt="" width="870" height="580"   />
            	<img  src="/imagenes-galeria/imagenes/17.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/18.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/19.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/20.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/21.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/22.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/23.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/24.jpg" alt="" width="870" height="580"   />
            	<img  src="/imagenes-galeria/imagenes/25.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/26.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/27.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/28.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/29.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/30.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/31.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/32.jpg" alt="" width="870" height="580"   />
            	<img  src="/imagenes-galeria/imagenes/33.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/34.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/35.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/36.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/37.jpg" alt="" width="870" height="580"   />
        	<img  src="/imagenes-galeria/imagenes/38.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/39.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/40.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/41.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/42.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/43.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/44.jpg" alt="" width="870" height="580"   />
            <img  src="/imagenes-galeria/imagenes/45.jpg" alt="" width="870" height="580"   />
        </div>
        <ul id="thumb"></ul>
        <div id='next' class="slider_next"><img  src="imagenes-galeria/next.png" width="78" height="100" alt="next image" /></div>
        <div id='prev' class="slider_prev"><img  src="imagenes-galeria/prev.png" width="78" height="100" alt="previous image" /></div>
        
        </div>
        
        
        
        
        
        
        
        </body>

  2. #2
    Join Date
    Mar 2005
    Location
    Behind you...
    Posts
    897
    This isn't a Chrome issue nor is it really an HTML5 related issue either. This appears to just be a case in which a method is being called before it should.

    I can't really dig into all of your scripts at the moment, but it's going to be a pretty simple fix. Something is calling the 'edgeCallback()' function before it should. The best thing to do is find where that function is being called and have it wait for the page to finish loading.
    "Given billions of tries, could a spilled bottle of ink ever fall into the words of Shakespeare?"

  3. #3
    Join Date
    Feb 2014
    Location
    Canada
    Posts
    155
    The error console indicated the issue in head_edgePreload.js regarding edgeCallback() and okToLaunchComposition(), however, you haven't given any code for head_edgePreload.js.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles