Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 6 de 6

Tema: No me funciona el carrusel de imágenes de Doodleo

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    18 mar, 11
    Mensajes
    17
    Poder de Reputación
    14

    No me funciona el carrusel de imágenes de Doodleo

    No se en qué me estoy equivocando, pero el carrusel no me funciona, ni subiendolo al servidor. Os dejo mi página para que le echeis un vistazo:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <div id="wrapper">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title>fotos</title>
    <meta name="description"content="Aquí encontrarás fotos de todos los senderos, la sierra, la playa, amigos y la familia"/>
    <meta name="keywords"content="fotos, imagenes, senderismo, senderos, caminos, andar, caminar, montaña, monte, sierra, playa, amigos, familia, atrochito, mascota"/>
    <link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript" src="cycle.js"></script>

    <script type="text/javascript">

    $(document).ready(function() {

    $('.carruseldeimagenes').cycle({

    fx: 'fade'

    });

    });

    </script>

    </head>
    <body bgcolor="#FFFFF0">
    <div id="global">
    <div id="curva-superior"></div>
    <!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
    <div id="cabecera">
    <div id="logotipo"><a href="../index.html"><img src="../objetos/logotipo.jpg"
    width="270" height="100"
    alt="Haz clic aquí para volver a la página de inicio"></a></div>
    <div id="publicidad"><img alt="Sierra_Nevada (25K)" src="../objetos/Sierra_Nevada.jpg" height="97" width="500" /></div>
    </div>
    <div id="navegacion">
    <ul><li><a href="../index.html">Portada</a></li><li><a href="../sierra-gador/sierra-gador.html">Sierra de Gador</a>
    </li><li><a href="../sierra-nevada/sierra-nevada.html">Sierra Nevada</a>
    </li><li><a href="../cabo-gata/cabo-gata.html">Cabo de Gata</a>
    </li><li><a href="../fotos/fotos.html">Fotos</a></li><li><a href="../otroseventos/otroseventos.html">Otros eventos</a>
    </li>
    </ul>
    </div>
    <!-- FIN DE CODIGO DE CABECERA -->
    <div id="contenido">
    <!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
    <div id="menu">
    <h1>Fotos</h1>
    <ul>
    <li><a href="fuentealta.html">Fuente Alta</a>
    </li><li>
    <a href="nuevomundo.html">Nuevo Mundo</a>
    </li><li>
    <a href="abrucena.html">Abrucena</a>
    </li><li>
    <a href="cabodegata.html">Cabo de Gata</a>
    </li><li>
    <a href="chullo.html">Chullo</a>
    </li><li>
    <a href="mulhacen.html">Mulhacén</a>
    </li><li>
    <a href="sietelagunas.html">Siete Lagunas</a>
    </li>
    </ul>
    </div>
    <!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
    <h1>Fotos de Atrochacerros</h1>
    <div class="carruseldeimagenes">
    <img src="objetos/atrochito.JPG"class="izquierda" height="225px" width="300px" alt="Foto mascota Atrochito" />
    <img src="objetos/fauna01.jpg" class="derecha"height="225px" width="300px" alt="Foto cabra montés" />
    <!--<img src="URL DE LA IMAGEN" alt="TEXTO" />
    <img src="URL DE LA IMAGEN" alt="TEXTO" />
    <img src="URL DE LA IMAGEN" alt="TEXTO" />-->
    </div>

    <p><img alt="Atrochito (34K)" src="objetos/atrochito.JPG"class="izquierda" height="225px" width="300px">
    <img alt="Cabra montés (44K)" src="objetos/fauna01.jpg" class="derecha"height="225px" width="300px"></p>
    <!--<p><img alt="Atrochacerros (30K)" src="objetos/foto07-2007.jpg"class="izquierda"height="225px" width="300px">
    <img alt="Reponiendo energías (46K)" src="objetos/foto06-2009.JPG" class="derecha"height="225px" width="300px"></p>-->
    <p>Aqui podeis disfrutar de una selección de las mejores fotos de los
    Atrochacerros, de su mascota "Atrochito", de momentos inolvidables y otras
    curiosidades.</p>
    </div>
    <!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
    <div id="pie">
    <div id="pieuno">

    <ul>
    <!--<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li>
    <li><a href="#">Nos Enlazan</a></li>-->
    </ul>
    </div>
    <div id="piedos"><img alt="Sierra_Nevada0 (15K)" src="../objetos/Sierra_Nevada0.jpg" height="105" width="500" /></div>
    <div id="pietres">
    <ul>
    <!--<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li>
    <li><a href="#">Mapa de la Web</a></li>-->
    </ul>
    </div>
    </div>
    <!-- FIN CODIGO PIE DE PAGINA -->
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    </div>

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    16
    NO funciona directamente? O te sale algñun mensaje de error

    Por cierto, la 2ª linea tiene:
    <div id="wrapper">

    NO se debe poner nada de código de "diseño" fuera de las etiquetas body.

    PD: En la última linea, ya al cerrar body y html, se cierra un div, eso, también se considera un error :P
    Última edición por Rabs; 22/01/2012 a las 08:57
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    08 ago, 09
    Ubicación
    Stgo, RD
    Mensajes
    258
    Poder de Reputación
    17
    Nose por que sospecho que no tienes jquery o cycle.js en tu web... podrias por favor pasarme el link a tu web, o verificar tu mismo que tienes EN LA MISMA CARPETA la pagina y jquery (y cycle)...


    PD: lo estuve revisando y a mi me funciona perfectamente con el mismo codigo que me diste!

  4. #4
    Recien Llegado! Habitante
    Fecha de Ingreso
    18 mar, 11
    Mensajes
    17
    Poder de Reputación
    14
    "<div id="wrapper"> y </div> " lo puse porque leí en algún lugar de este foro que poniendo eso que englobara toda la web, esta quedaría centrada en todos los navegadores.

  5. #5
    Recien Llegado! Habitante
    Fecha de Ingreso
    18 mar, 11
    Mensajes
    17
    Poder de Reputación
    14
    rodojpm, te paso el link de mi web para que le des un vistazo y para ver si encuentras en qué falla: http://atrochacerros.sportsontheweb.net/
    Lo tengo todo en la página "fotos"
    Última edición por Antonio Miguel; 24/01/2012 a las 08:11

  6. #6
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    16
    Eso lo tienes que poner entonces entre <body> y </body>
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

Temas Similares

  1. [TUTORIAL] Crear carrusel-slide de imágenes
    Por Doodleo en el foro Tutoriales Varios
    Respuestas: 59
    Último Mensaje: 27/11/2015, 00:05
  2. centrar carrusel de imagenes
    Por jacob en el foro Todo sobre Estilos CSS
    Respuestas: 2
    Último Mensaje: 20/12/2011, 21:43
  3. No me funciona el script imagenes rotativas
    Por ZoK3R_2.0 en el foro Scripts
    Respuestas: 4
    Último Mensaje: 30/11/2010, 20:31

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •