Hola.
Ya vi el error, pero mi problema es que hay varias versiones de Pirobox. La que me funciona es el Pirobox 1.1. Y la que yo quiero insertar en mi Web es la versión Pirobox V 1.2 (está en la Web .....pirolab.it/pirobox/index.php).
Lo que ocurre es que siguiendo todos los pasos me sigue sin activar el efecto, sino que se ve la foto en otra página. Os pongo el Código que viene en la Web y el que yo he puesto en la mía:
Código de la Web en la Cabecera:
Cita: <script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/pirobox_1_2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(pirobox).piroBox({
my_speed: 400, //animation speed
bg_alpha: 0.6, //background opacity
radius: 4, //caption rounded corner
this_next : 'next_out', // next button inside or outside the imageBox--> next == inside, next_out == outside
this_prev : 'prev_out' // prev button inside or outside the imageBox--> prev == inside, prev_out == outside
});
});
</script>
<link href="css_pirobox/shadow/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />
De estas se pondría la que se quiera implantar en la Web.
Código de la Web en el cuerpo:
Cita: Para Galería
<a href="image_1.jpg" class="pirobox_gall" title="your title"><img src="thumb_1.jpg" /></a>
<a href="image_2.jpg" class="pirobox_gall" title="your title"><img src="thumb_2.jpg" /></a>
<a href="image_3.jpg" class="pirobox_gall" title="your title"><img src="thumb_3.jpg" /></a>
Para Imagen sola
<a href="image.jpg" class="pirobox" title="your title"><img src="thumb.jpg" /></a>
En mi Web he puesto lo siguiente:
En la Cabecera:
Cita: <link href="css_pirobox/css_page.css" media="screen" rel="stylesheet" type="text/css" /> (Esto faltaba en los enlaces, y lo he insertado yo)
<link href="css_pirobox/shadow/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/pirobox_1_2_min.js"></script>(El archivo pirobox_1_2.js no viene en la descarga, viene este que he puesto y otro terminado en demo.js)<script type="text/javascript">
$(document).ready(function(){
$(pirobox).piroBox({
my_speed: 400, //animation speed
bg_alpha: 0.6, //background opacity
radius: 4, //caption rounded corner
this_next : 'next_out', // next button inside or outside the imageBox--> next == inside, next_out == outside
this_prev : 'prev_out' // prev button inside or outside the imageBox--> prev == inside, prev_out == outside
});
});
</script>
En el Cuerpo:
Cita: <a href="imagenes/3cachorro015c.jpg" class="pirobox" title="Nenufar de la Llibra Casanova"><img src="imagenes/nube1.jpg" alt="Nube" width="120" height="100" border="0" /></a>
Yo creo que hay un par de problemas, y es que los archivos que se descargan no son los que luegon se llaman en la cabecera, y que en el cuerpo las imágenes no se llaman correctamente.
Soy aficionada en esto y me cuesta un poco. Agradecería un poco de ayuda.
Muchas gracias.