Jquery : cómo combinar Cycle & Fancybox ? He creado un modulo que combina estos dos plugins muy conocidos de Jquery, de tal forma que las imagenes se van pasando una tras otra (usando cycle) y cuando el usuario quiere ver mas detalle de una de ellas, entonces hazce click y mediante el Fancybox éste se muestra en la pantalla...
Hasta ahí todo bien, el cycle pasa una tras otra y cuando haces click, se muestra la foto mas grande... pero el problema es que si estoy en la foto #3 por ejemplo y le doy click para verla mas grande... me muestra la foto desde la #1 y ahi tengo que navegar una por una en el fancybox.... yo quiero que si estoy en la foto#2 en cycle, al hacer click el fancybox tambien me muestre la #2, o la #4 entonces la #4...
Qué es lo que debo cambiar ? he revisado mi codigo y aparentemente todo está ok... alguna ayuda alguien que haya tenido una experiencia similar ? Aqui el código :
Código HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="slideshow"> <a rel="group_promos" href="../../promos/promo001big.jpg" width="200" height="351" title="Promo 1"><img src="../../promos/promo001.jpg" width="200" height="351" /></a> <a rel="group_promos" href="../../promos/promo002big.jpg" width="200" height="351" title="Promo 2"><img src="../../promos/promo002.jpg" width="200" height="351" /></a> <a rel="group_promos" href="../../promos/promo003big.jpg" width="200" height="351" title="Promo 3"><img src="../../promos/promo003.jpg" width="200" height="351" /></a> <a rel="group_promos" href="../../promos/promo004big.jpg" width="200" height="351" title="Promo 4"><img src="../../promos/promo004.jpg" width="200" height="351" /></a> <a rel="group_promos" href="../../promos/promo005big.jpg" width="200" height="351" title="Promo 5"><img src="../../promos/promo005.jpg" width="200" height="351" /></a> </div> </td> </tr> </table>
