1 bericht aan het bekijken (van in totaal 1)
  • Q:
    Bijdrager
    psteintj

    Image slider werkt niet vloeiend in Firefox

    Ik ben op http://psteintj.home.xs4all.nl/ een site aan het maken en nu loopt de slider overal goed, behalve in Firefox. Hier vertekenen de foto’s nog al eens of komen gedeeltelijk in beeld. De eerste gaat goed , maar de rest wil nog al eens variĆ«ren. Nu ben ik al een tijdje aan het zoeken en lees op het internet dat Firefox nog al eens moeite heeft met .css en dat deze niet altijd goed worden gebruikt door firefox. Ik kan alleen nergens een passende oplossing vinden. Of heb ik in de opbouw van mijn css en js bestanden iets fout.

     
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'>
     
    	<link rel="stylesheet" href="http://psteintj.home.xs4all.nl/css/reset.css"> <!-- CSS reset -->
    	<link rel="stylesheet" href="http://psteintj.home.xs4all.nl/css/style.css"> <!-- Resource style -->
     
    	<link rel="stylesheet" href="http://psteintj.home.xs4all.nl/css/juicyslider.css" type="text/css" /> <!-- slider -->
     
    	<link rel="stylesheet" href="http://psteintj.home.xs4all.nl/css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> <!-- fancybox -->
     
     
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
    		<script src="js/modernizr.js"></script> <!-- Modernizr -->
    		<script type="text/javascript" src="js/juicyslider.js"></script> <!-- slider -->
    		<script src="js/jquery.sticky.js"></script> <!-- stickUp -->
    		<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- fancybox -->
    		<script src="js/main.js"></script> <!-- Resource jQuery -->
     
    	<script type="text/javascript">
    		// start to run when document ready
            $(document).ready(function() {
                $('#myslider').juicyslider();
    			});
    	</script>
     
    	<script>
      		$(document).ready(function(){
        		$(".cd-header").sticky({topSpacing:0});
      		});
    	</script>
     
        <script type="text/javascript">
    		$(document).ready(function() {
    			$(".fancybox").fancybox();
    		});
    	</script>
     

    dank voor de moeite

1 bericht aan het bekijken (van in totaal 1)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.