Zoombox tutoriel one page

Aymenwrks
Javascript

Bonsoir,

J'ai suivi le tutoriel et cela marche en postant ce code dans le fichier .html :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="./assets/librairies/zoombox/zoombox.js"></script>
<script type="text/javascript">
    $(function(){
        $('a.zoombox').zoombox();
    });</script>

Mais si je veux le faire dans un fichier js à part, je dois faire comment ?
Je ne m'y connais pas en JS ..

Merci d'avance

2 réponses

Chokkan Web
Réponse acceptée

Salut,

Si tu le veux dans un fichier js à part, tu peux par exemple créer un fichier javascript que t'appelles main.js et que tu places dans /assets/js/ et dans lequel tu vas mettre tout simplement

$(function(){
    $('a.zoombox').zoombox();
});

Ensuite en html, t'auras plus qu'à remplacer ton code par 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="./assets/librairies/zoombox/zoombox.js"></script>
<script src="./assets/js/main.js"></script>

Bisous

Aymenwrks
Auteur

Je vous remercie :-)