He descubierto la magnífica libreria de efectos fancybox para jquery pero tengo algunas dudas.
El efecto "inline" solo puedo echarlo a andar con el primer link, si añado un nuevo link para que me haga el efecto possss que no me lo hace.
He leído por ahí algo sobre las id, que no puede ser la misma pa varios links, se que se solucionaria creando varias ids pero me gustaría ahorrarme ese paso para optimizar recursos, necesito crear bastantes popups y no es cuestión de crear mas lineas de las necesarias.
Código de los links:
Código HTML:
<a id="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Inline1</a> <a id="various1" href="#inline2" title="Lorem ipsum dolor sit amet">Inline2</a>
Código HTML:
<div style="display: none;"> <div id="inline1" style="width:400px;height:100px;overflow:auto;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div> <div style="display: none;"> <div id="inline2" style="width:400px;height:100px;overflow:auto;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div>
Código:
¿Qué debo hacer para ejecutar varios inline en una misma página sin necesidad de crear una ID para cada popup que quiero levantar?$("#various1").fancybox({ 'titlePosition' : 'inside', 'transitionIn' : 'none', 'transitionOut' : 'none'
Gracias a todos por la ayuda!