Partage
  • Partager sur Facebook
  • Partager sur Twitter

problème slider image

    5 février 2020 à 11:19:11

    bonjour à tous j'ai un slider d'images qui défiles automatiquement mais lorsqu'il arrive à la dernière image, la premiere ne revient pas directement et laisse donc un espace blanc avant de revenir. Vous savez quel attribu je pourrai utiliser pour corriger cela? merci et bonne journée!

    mon code css : 

    <style>
    	* {margin: 0; padding: 0;}
    	
    #container {
     width: auto;
     overflow: hidden;
     margin: 50px auto;
     background: white;
    }
     
     
     
    .photobanner {
     height: 50px;
     width: 3550px;
     margin-bottom: 80px;
    }
    .first {
     -webkit-animation: bannermove 30s linear infinite;
        -moz-animation: bannermove 30s linear infinite;
         -ms-animation: bannermove 30s linear infinite;
          -o-animation: bannermove 30s linear infinite;
             animation: bannermove 30s linear infinite;
    }
    
    @keyframes "bannermove" {
     0% {
        margin-left: 0px;
     }
     100% {
        margin-left: -2125px;
     }
     
    }
     
    @-moz-keyframes bannermove {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }
     
    }
     
    @-webkit-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }
     
    }
     
    @-o-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }
    	
    	
     
    }	
    	
    	.photobanner img {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
    }
    	.photobanner img:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
    		cursor: pointer;
    }
    
    </style>



    • Partager sur Facebook
    • Partager sur Twitter

    problème slider image

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    • Editeur
    • Markdown