anchor.diff:  </script>
   </head>
   <body>
  +  <div class="compare-modal" style="display: none;"></div>
     <div class="container">
       <div class="row">
         <div class="col-sm-12 col-md-3">
  
positive.code:         window.open(url,'_blank');
        })
  
        $('.compare').unbind().on('click', function(){
          var slide = $(this).closest(".slide"),
              newImage = slide.find('a.shot:eq(0)').attr('href'),
              oldImage = slide.find('a.shot:eq(1)').attr('href'),
              diffImage = slide.find('a.shot:eq(2)').attr('href');
          $('.container').append('<div class="compare-modal"><div class="compare-container"><img src="'+newImage+'"/><img src="'+oldImage+'"/><img src="'+diffImage+'"/></div></div>');
          $('.compare-modal').unbind().on('click', function(){
            $(this).remove();
          })
        })
  
        $(document).on('keyup', function(e) {
          if (e.keyCode === 37) {
            slideshow.cycle('prev');
          } else if (e.keyCode === 39) {
            slideshow.cycle('next');
          }
        });
  
negative.code:   <script type="text/javascript">
      $(function() {
        var slideshow = $('.slideshow');
        var compareModal = $('.compare-modal');
  
        slideshow.cycle({
          fx:     'scrollHorz',
  