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 <a rel="shadowbox;width:100%;height:50%;" href="http://www.google.es" title="Galeria Empresa">Pulse aqu
í y acceda a la Galer
ía
</a>
Os pongo el html de la página que quiero abrir...
Código HTML:
Ver original<!DOCTYPE html>
<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>
<div class="slider-wrapper theme-dark"> <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="" /> <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
});
});
Gracias!!!! :)
Edito:
El problema ya está solucionado, en el rel del enlace hay que poner lo siguiente: "player=iframe"