Fermer Zoombox

clankiPad
Javascript

Bonjour à tous!
J'ai un problème, j'ai un lien qui se situe dans une zoombox et j'aimerai que lorsque je clique sur ce lien, ca ferme la zoombox mais je n'y parviens pas.
Voici le code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="zoombox/zoombox.js"></script>
    <link href="zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript">
jQuery(function($){
    $('a.zoombox').zoombox();

    // You can also use specific options
    $('a.zoombox').zoombox({
        theme : 'zoombox', //available themes : zoombox,lightbox, prettyphoto, darkprettyphoto, simple
        opacity : 0.8, // Black overlay opacity
        duration : 500, // Animation duration
        animation : true, // Do we have to animate the box ?
        width : 1024, // Default width
        height : 748, // Default height
        gallery : true, // Allow gallery thumb view
        autoplay : false, // Autoplay for video
    });
});

     </script>
<script type="text/javascript">
$(function(){
$(".zoombox_close").click(function(){
zoombox.close();
});
</script>
<a style="cursor: pointer;" class="zoombox_close" href="index.php">Close</a>

Merci d'avance à tous!!

2 réponses

golendercaria

Heee réorganise un peu ton code, si tu veux exécute une fonction X sur un liens Y c'est

<script type="text/javascript">
function fonction_qui_va_close(){
zoombox.close();  
}
</script>
<a href="#" onClick="fonction_qui_va_close();">Close</a>
PaulB319

Déjà, commence par supprimer l'une des deux déclaration zoombox ($('.zoombox').zoombox();).
Ensuite, tu as deux méthodes : celle énoncer par golendercaria, en javascript pur et la méthode jQuery :

<script type="text/javascript">
    jQuery(function($){
        $('.zoombox-close').click(function(){
            $.zoombox.close();
        })
    })

</script>