tengo el siguiente código del fancybox, lo que quiero hacer es lo siguiente, es el ejemplo de su pagina
http://fancybox.net/ galería de imágenes, lo que quiero hacer es lo siguiente: de esas 3 imágenes que puse solo me muestre la primera al darle clic que me aparezca que tengo 3 para navegar.
Código HTML:
<script language="javascript">
$(document).ready(function() {
$("a[rel=listaimagenes]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script>
<a rel="listaimagenes" href="image1.jpg ?" style="cursor:pointer">
<img alt="" src="image1.jpg " />
</a>
<a rel="listaimagenes" href="image2.jpg ?" style="cursor:pointer">
<img alt="" src="image2.jpg " />
</a>
<a rel="listaimagenes" href="image3.jpg ?" style="cursor:pointer">
<img alt="" src="image3.jpg " />
</a>