Mettre un code javascript dans un autre

Salut, je suis entrain de développer un site web, j'ai créée une galerie photo d'art et tous fonctionne bien, mais voila que mon client veut que j'intègre les oeuvres sous différents angles. Ma page galerie utilises basique jquery slider (bjqs). dont les se place comme ceci dans une page html:

<div class="gallery" >
<img src="" caption="" />
<img src="" caption="" />
...
</div>

ne pouvant pas mettre de lien directement sur l'image je l'ai mis dans le caption comme ceci:

<div class="gallery" >
<img src="" caption="<a href='lien.html' ></a>" />
</div>

ce qui a très bien fonctionné mais ce lien envoi sur une autre page alors j'ai voulus utilisé Shadowbox qui est déjà installé sur mon site pour ouvrir des liens dans des sorte popup sans quitté la page où l'on se trouve, j'ai procédé comme ceci:

<div class="gallery" >
<img src="" caption="<a href='lien.html' rel='shadowbox'></a>" />
</div>

mais rien a faire, la page continue a s'ouvrir en grand! pourtant sur toute les pages cela fonctionne.

comment puis-je procédé d'une autre manière pour ouvrir mon autre page sans quitter la première en partant de mon idée.

merci d'avance pour votre aide