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
<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>