1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Problema en el slide

Tema en 'Programación y Diseño Web' iniciado por Tolettvm, 10 Mar 2017.

  1. Tolettvm

    Tolettvm Nuevo usuario

    Buenas gente,

    tengo un problema, tengo hecho un slide pero no se ve nada mas que la primera imagen os adjunto el codigo por si hay problema que yo no veo. Gracias por la ayuda.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

    <head>
    <title>El Mirlo Blanco</title>
    <meta name="description" content="El Mirlo Blanco - Casa de Turismo Rural" />
    <meta name="keywords" content="mirlo blanco casa turismo rural c.t.r. avila candeleda madrigal vera almanzor naturaleza bodas empresas eventos restauracion" />
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    <meta name="robots" content="index,follow" />
    <!-- para cuando me pasen un favicon
    <link rel="icon" type="image/vnd.microsoft.icon" href="http://el-mirlo-blanco.com/images/img/favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="http://el-mirlo-blanco.com/images/img/favicon.ico" />
    -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $('#slideshow div:gt(0)').hide();
    setInterval(function(){
    $('#slideshow div:first-child').fadeOut(900)
    .next('div').fadeIn(900)
    .end().appendTo('#slideshow');

    },1000);
    })
    </script>

    <script type="text/javascript">

    // oculta o muestra el panel
    var visible = true;
    $(function() {
    $('#mostrar').click(function() {
    if (visible) $('#ocultar').animate({opacity: 0.0}, 1000, function() { } );
    else $('#ocultar').animate({opacity: 0.9}, 1000, function() { } );
    $('#mostrar').attr("src", "images/ico/"+(visible ? "mostrar" : "ocultar")+".png");
    visible = !visible;
    });
    });

    // cambia la imagen de fondo; direccion: true va hacia delante, false hacia detras
    var fondos = -1; var activa = 0; var loader = 0;
    function cambiaFondo(direccion) {
    // detectar cuantos fondos hay (si no hay salir), detectar el que tiene class=activa (si no el primero)
    if (fondos<=0) {
    fondos = $("#slideshow div").length;
    if (fondos==0) return;
    if (fondos==2) { $("#bot-back").css({opacity: 0.0}); $("#bot-next").css({opacity: 0.0}); }
    for (i=0; i< fondos; i++) if ($("#slideshow div").eq(i).hasClass("active")) { activa = i; break; }
    for (i=0; i< fondos; i++) if ($("#slideshow div").eq(i).hasClass("load")) { loader = i; break; }
    }
    // avanzar adelante o atras segun direccion y si es de la clase load, saltarla
    var prox = activa; var intentos = 0;
    do { prox = (fondos + prox + (direccion ? 1 : -1)) % fondos; } while (prox==loader && intentos++<fondos);
    $acti = $("#slideshow div").eq(activa); $next = $("#slideshow div").eq(prox); activa = prox;
    // si tiene la clase "pend", cargar la imagen de fondo y eliminar la clase
    if ($next.hasClass("pend")) {
    $("#slideshow div").eq(loader).addClass('active');
    $next.css("background" , "url(images/fondo/"+$next.attr('id')+".jpg) no-repeat center");
    $next.removeClass("pend");
    }
    // realizar la transicion al nuevo elemento
    $acti.addClass('last-active');
    $next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1200, function() {
    $acti.removeClass('active last-active');
    $("#slideshow div").eq(loader).removeClass('active');
    });
    }

    // formulario contacto
    function formularioContacto() {
    var error = "";
    if ($('input[name="nombre"]').val() == "") error = "Error: falta su nombre";
    if (!error && $('input[name="email"]').val() == "") error = "Error: falta su email";
    var re = new RegExp("^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$", "g");
    var email = $('input[name="email"]').val();
    if (!error && (email.match(re)==null)) error = "Error: formato email erroneo";
    if (!error && $('input[name="telefono"]').val() == "") error = "Error: falta su telefono";
    if (error) $('#resultado').html("&nbsp;&nbsp;"+error);
    else $('#contacto').submit();
    };

    <!-- // una vez cargada la pagina, cargar la primera imagen
    $(function() {
    cambiaFondo(true);
    $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:false, allow_resize: true, theme:'facebook' });
    });
    --->
    </script>

    <link href="css/mirlo.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    </head>

    <body id="index">

    <div id="page">
    <noscript><ul><li>Esta pagina requiere JavaScript para funcionar correctamente. Por favor active JavaScript en su navegador.</li></ul></noscript>
    <div id="cabecera">
    <div id="logo">
    <img src="images/img/ico-logo-n.gif">
    </div>
    <div id="direccion">
    C.T.R. El Mirlo Blanco - Ctra. Candeleda a Madrigal de la Vera, Km. 2,1<br>
    Apdo. de Correos, 53 - 05480 Candeleda (Avila)<br>
    Tlf: 920 104 000 / 615 880 572
    </div>
    <div id="enlaces">
    <div class="boton-link"><a href="blog/?page_id=2">OFERTAS Y EVENTOS</a></div>
    <div class="boton-link"><a href="reservas.html">RESERVAS ONLINE</a></div>
    </div>
    </div>

    <div id="slideshow">
    <div id="ico-loader" style="background:url('images/ico/loader.gif') no-repeat center" class="load active"></div>
    <div><img src="images/slide1/foto1.jpg"></div>
    <div><img src="images/slide1/foto2.jpg"></div>
    <div><img src="images/slide1/foto3.jpg"></div>
    <div><img src="images/slide1/foto4.jpg"></div>
    <div><img src="images/slide1/foto5.jpg"></div>
    <div><img src="images/slide1/foto6.jpg"></div>
    <div><img src="images/slide1/foto7.jpg"></div>
    <div><img src="images/slide1/foto8.jpg"></div>
    <div id="index-1" class="pend"></div> </div>
    <div id="cuerpo">
    <div id="panel" style="display:none">
    <img id="bot-next" src="images/ico/forward.png" onclick="cambiaFondo(true);" >
    <img id="bot-back" src="images/ico/back.png" onclick="cambiaFondo(false);">
    <img id="mostrar" src="images/ico/ocultar.png">
    <div id="ocultar">
    <div class="intro">
    <p>&nbsp;</p>
    <p>a los pies del <b class="colP">Almanzor..</b></p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;..en plena <b class="colP">Naturaleza..</b></p>
    <p>&nbsp;&nbsp;..centro de turismo <b class="colP">Rural</b></p>
    <img src="images/img/ico-logo-n.gif">
    </div>
    </div>
    </div>
    </div>
    <div id="pie">
    <ul id="menu">
    <li><a href="index.html" class="sel">INICIO</a></li>
    <li><a href="centro.html">EL CENTRO</a></li>
    <li><a href="aloja.html">ALOJAMIENTO</a></li>
    <li><a href="bodas.html">BODAS</a></li>
    <li><a href="empresas.html">EMPRESAS Y EVENTOS</a></li>
    <li><a href="restaurante.html">RESTAURACION</a></li>
    <li><a href="tarifas.html">TARIFAS</a></li>
    <li><a href="actividades.html">ACTIVIDADES</a></li>
    <li><a href="situacion.html">COMO LLEGAR</a></li>
    <li><a href="contacto.html">CONTACTO</a></li>
    </ul>
    </div>

    </div>
    </body>

    </html>
     
    Tolettvm, 10 Mar 2017
    #1
  2. Anunciante

    Anunciante

     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·