10/05/2011, 16:56
|
| | Fecha de Ingreso: mayo-2011
Mensajes: 3
Antigüedad: 13 años, 7 meses Puntos: 0 | |
Respuesta: galería de imágenes jquery En efecto, en la página de fancybox no decía como hacerlo, pero tras muchas horas, MUCHAS, investigando en la red, he conseguido la solución en un grupo de google, dejo el link aquí por si alguien ha tenido el mismo problema que yo. Como es necesario unirse al grupo, pego también la información.
Un saludo.
Este es el link: http://groups.google.com/group/fancybox/browse_thread/thread/c8000121907eb362/
Y esta la solución (en inglés):
JFK:
You have to declare the set of images within your gallery somewhere
(unavoidable)
if you don't want a bunch of invisible "rel" elements in your html,
you may declare the set of images within the fancybox custom script
itself
you could place the script in a separated js file so it doesn't has to
increase the size of your html document though
so ... having a single thumbnail:
<a id="myThumb" href="javascript:;" ><img src="images/thumb.jpg"
alt="" /></a>
call the gallery with this script:
<script type="text/javascript">
// from this point in a separate js file optional
$(document).ready(function() {
$("#myThumb").click(function() {
$.fancybox([
'images/01.jpg',
'images/02.jpg',
{
'href': 'images/03.jpg',
'title': 'title for image 3'
},
{
'href': 'images/04.jpg',
'title': 'title for image 4'
}
], {
// fancybox options
'type' : 'image', //required
'padding': 0 // optional
}); // closes fancybox
}); // closes click
}); // closes ready
</script>
NOTICE that images without title use the path/name format per line
only while images with title have to be contained between { }
brackets, specifying both the href and title attributes for each
image. |