Lightbox not zooming photo

Hi, I'm trying to include lightbox to my project. But when I click on photo it redirects me to the path where the photo is uploaded but not zooming it in on the same page. What could be the problem ? This is my code:

    <script src="{{URL::to('js/lightbox.js')}}"></script>
    <script src="{{URL::to('js/jquery-2.2.4.min.js')}}"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<a href="{{$p->img}}" data-toggle="lightbox">
                <img style="height: 200px" data-lightbox="image-1" src="{{$p->img}}">
</a>