[SOLUCIONADO] Problema con ShadowBox al mostrar página HTML

madman_18 · #1 (**permalink**) 07/03/2013, 03:41

Hola a todos!

Estoy intentando mostrar una página que construyo en html con el plugin Shadowbox...pero cuando pulso sobre el enlace, siempre me aparece en negro....

¿Tenéis idea de por qué puede ocurrir? He probado a que me abra la página de google pero tampoco funciona.

Os pongo mi código por si veis alguna errata....

Código Javascript:

Ver original<link rel="stylesheet" type="text/css" href="js/shadowbox/shadowbox.css"/>
<script type="text/javascript" src="js/shadowbox/shadowbox.js"></script>   
<script type="text/javascript">
    Shadowbox.init();
</script>

Código HTML:

Ver original<article id="accesoGaleria">
            <a rel="shadowbox;width:100%;height:50%;" href="http://www.google.es" title="Galeria Empresa">Pulse aqu&iacute; y acceda a la Galer&iacute;a</a>
        </article>

Os pongo el html de la página que quiero abrir...

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        
        <link rel="stylesheet" type="text/css" href="../../js/nivoSlider/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" href="../../js/nivoSlider/themes/dark/dark.css"/>
        
        <script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>        
        <script type="text/javascript" src="../../js/jquery-ui-1.10.1.custom.min.js"></script>        
        <script type="text/javascript" src="../../js/nivoSlider/jquery.nivo.slider.pack.js"></script>   
        
    </head>
    <body>
        <section id="galeriaEmpresa">
            <div class="slider-wrapper theme-dark">
                <div class="ribbon"></div>
                <div id="slider" class="nivoSlider">
                    <img src="http://www.forosdelweb.com/imagenes/nosotros/4_1.jpg" alt="" />       
                    <img src="http://www.forosdelweb.com/imagenes/nosotros/5_1.jpg" alt="" />       
                    <img src="http://www.forosdelweb.com/imagenes/nosotros/6_1.jpg" alt="" />       
                </div>
            </div>
            <script type="text/javascript">
            $(window).load(function(){
                $('#slider').nivoSlider({
                    effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
                    slices: 15, // For slice animations
                    boxCols: 8, // For box animations
                    boxRows: 4, // For box animations
                    animSpeed: 500, // Slide transition speed
                    pauseTime: 3000, // How long each slide will show
                    startSlide: 0, // Set starting Slide (0 index)
                    directionNav: true, // Next & Prev navigation
                    controlNav: true, // 1,2,3... navigation
                    controlNavThumbs: false, // Use thumbnails for Control Nav
                    pauseOnHover: true, // Stop animation while hovering
                    manualAdvance: false, // Force manual transitions
                    prevText: 'Anterior', // Prev directionNav text
                    nextText: 'Siguiente', // Next directionNav text
                    randomStart: false, // Start on a random slide
                    beforeChange: function(){}, // Triggers before a slide transition
                    afterChange: function(){}, // Triggers after a slide transition
                    slideshowEnd: function(){}, // Triggers after all slides have been shown
                    lastSlide: function(){}, // Triggers when last slide is shown
                    afterLoad: function(){} // Triggers when slider has loaded
                });
            });
            </script>
        </section>
    </body>
</html>

Gracias!!!! :)

Edito:

El problema ya está solucionado, en el rel del enlace hay que poner lo siguiente: "player=iframe"