Bonjour j'ai crée un petit système avec zoombox de la manière suivante :

Code HTML ( mes liens ) :

<a href="img/slider1.jpg" class="zoombox"><img class="slider_loc_item" src="img/slider1.jpg"></a>

Mes Scripts :

 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <!-- ZoomBox -->
    <script type="js/zoombox.js"></script> 
    <!--OwlCarousel -->
    <script src="js/owlCarousel/owl.carousel.min.js"></script>   
    <!-- Mon Javascript -->
    <script src="app.js"></script>

Mon Fichier App.js

$(document).ready(function(){

     $("#main_slider").owlCarousel({
    autoPlay : 7000,
    pagination:true,
    singleItem : true,
    autoHeight : true,
    transitionStyle:"fade"
  });

  $('#slider_loc').owlCarousel({
    pagination:false,
    autoPlay:7000,
    navigation:false,
    itemsDesktop:5,
    itemsTablet:3,
    itemsMobile:2,

 });
$('a.zoombox').zoombox({
        theme : "simple",
        duration :300,
        animation :true,
        gallery:false,
        autoplay:false,
    });

});

Je vois pas d'erreur et pourtant ça ne fonctionne pas et dans la console j'ai : Undefined is not a function pour la ligne : $('a.zoombox').zoombox(function(){ ...

et ceci :
(anonymous function)jquery.min.js:2 jjquery.min.js:2 k.fireWithjquery.min.js:2 m.extend.readyjquery.min.js:2 J

Merci d'avance

3 réponses


Spiker
Réponse acceptée
      <script type="js/zoombox.js"></script> 

Tu as tapé "type" et non src, ton fichier n'est pas correctement chargé !

Correction:

<script type="text/javascript" src="js/zoombox.js"></script>

Ah merci beaucoup j'avais pas vu du tout , comme quoi c'est souvent des erreurs bêtes

Ce n'est pas la seule erreur que tu as dans tes appels js, il y a aussi ça :

<script src="<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>"></script>

à remplacer par :

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>