Problema con carrusel de imagen en HTML

  • Autor Autor Demonie
  • Fecha de inicio Fecha de inicio
Demonie

Demonie

Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Hola que tal amigos, pues tengo un problema con un código html.

El codigo funciona bien el problema lo tengo cuando se recarga la pagina las imagenes salen desordenadas fuera del cuadro del carrusel y cuando carga bien vuelve todo a la normalidad.

El problema lo pueden ver ene esta pagina que tengo de pruebas Hello world! | My Blog si recargan varias veces puden ver que las imagenes se salen del cuadro.


Este es el codigo por tenemos que modificarle algo

PHP:
<style type="text/css">
    /*<![CDATA[*/
<!--
div.ic_myCarousel {
    margin: 20px auto 0 auto;
    clear:right;
}
.infiniteCarousel {
    box-shadow: 0px 3px 3px #333;
    border: 3px solid #333;
}
.ic_left_nav, .ic_right_nav {
    display: none;
}
-->
    /*]]>*/
</style>
 
 
 
CODIGO JAVASCRIPT:

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script src="http://notoyontoy.site40.net/Js/jquery.infinitecarousel3.min.js"></script>
  <script type="text/javascript" src="http://notoyontoy.site40.net/Js/easing.js"></script>
  <script>
     var a = jQuery.noConflict();
        a(document).ready(function() {
        a('#carousel').infiniteCarousel({
           transitionSpeed:12000,     /*Tiempo de avance de las imagenes*/
           displayTime: 2000,   /* El tiempo en milisegundos para hacer pausa*/
           thumbnailType: 'false',
           customClass: 'myCarousel',
           easeLeft: 'linear',
           easeRight:'linear',
           inView: 1,    /*Imagenes mostradas*/
           advance: true,
           autoPilot: true,
           displayProgressRing: true,    /*muestra grafica del tiempo que pausa la imagen*/
});
 });
</script

Espero me puedan ayudar chicos por que es de urgencia
 
En estos momentos cuando accedo a tu página no me sale ningún carrusel, sólamente las dos imágenes una encima de otra.

Es posible que tu problema sea en el orden de carga de los elementos de la página. Asegúrate que el CSS está cargado antes de que te muestre el contenido del carrusel, de forma que el navegador sepa cómo hacerlo.
 
En estos momentos cuando accedo a tu página no me sale ningún carrusel, sólamente las dos imágenes una encima de otra.

Es posible que tu problema sea en el orden de carga de los elementos de la página. Asegúrate que el CSS está cargado antes de que te muestre el contenido del carrusel, de forma que el navegador sepa cómo hacerlo.

No te sale el carrusel ? es raro esta dentro de post Hello world, entre en la pc de mi hermana y me sale, y cuadno cargo varias veces pasa lo mismo
 
El código Javascript no carga ya que el </script no lo tienes cerrado al final. </script >
 
El código Javascript no carga ya que el </script no lo tienes cerrado al final. </script >

Si lo tengo cerrado solo que no copie el codigo con el > al final, en la web si esta cerrado </script >
 
En la página me pasa lo mismo, que las imágenes aparecen una encima de otra, el CSS no esta definido.
 
Tienes errores en la consola, primero soluciona esos errores para que no interfieran con el tiempo de carga... si el problema persiste, fácil, metes el carrusel dentro de un contenedor que tenga la propiedad overflow:hidden y listo
 
Tienes errores en la consola, primero soluciona esos errores para que no interfieran con el tiempo de carga... si el problema persiste, fácil, metes el carrusel dentro de un contenedor que tenga la propiedad overflow:hidden y listo

Errores en la consola ? en la ps4 ? ( es broma ) jaja no se mucho de esos, me puedes explicar que es la consola y su posible solución ?
 
Me sale bien, no se si ya lo solucionaste, por si algo pon el script de primero en el <head> para que cargue de primero.

Igual hay mejores sliders o carrousel en la web saludos 😛irate:
 

Temas similares

Atrás
Arriba