Zoombox v2 : Impossible d'éxécuter le script

Bonsoir, depuis ce soir j'essaye désespérément d'installer zoombox sur mon site, mais sans succès. Les scripts sont bien chargés dans les metas, les chemins des images sont bons et etc. mais rien à faire, quand je clique sur une image je suis redirigé vers celle ci :/

Voici mes bouts de code :

Header :

<!-- Bootstrap -->
    <link href="<?= WEBROOT; ?>css/bootstrap.min.css" rel="stylesheet">
    <?php if($carousel || $carousel_css): ?>
        <link href="<?= WEBROOT ?>css/carousel.css" rel="stylesheet">

    <?php endif;
    if(isset($view) && $view): ?>   
        <link href="<?= WEBROOT; ?>js/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />

    <?php endif; ?>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="<?= WEBROOT; ?>js/jquery.js"></script>
    <script src="<?= WEBROOT; ?>js/bootstrap.min.js"></script>
    <?php if(isset($view) && $view): ?>
        <script src="<?= WEBROOT; ?>js/zoombox/zoombox.js"></script>
        <script type="text/javascript">
        jQuery(function($){
            $('a.zoombox').zoombox({
                autoplay : TRUE,
                theme : 'prettyphoto',
            });
        });
        </script>
    <?php endif; ?>

Contenu :

<div class="well">
            <?php foreach($images as $k => $image): ?>
                <a class="zoombox" title="<?=$item'i_name']; ?>" href="<?= WEBROOT; ?>img/works/<?= $image'img_name']; ?>"><img class="featurette-image img-responsive" src="<?= WEBROOT; ?>img/works/<?= $image'img_name']; ?>" alt="" style="width: 150px; height: 150px;"/></a>
            <?php endforeach; ?>
            </div>

Si quelqu'un a une solution parce qu'après recherche sur le forum je n'ai rien trouvé :/