FancyBox

Enlarged Image in popup model

by Nofiden Noble

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
<a href="http://www.cpplcounseling.com/uploads/4/6/8/2/46828361/2181364_orig.jpg" class="fancybox" title="Sample title"><img src="http://www.cpplcounseling.com/uploads/4/6/8/2/46828361/2181364_orig.jpg" width="50%" /></a>

<a href="http://www.google.com/intl/en_com/images/srpr/logo3w.png" class="fancybox" title="Sample title"><img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" width="50%" /></a>

JavaScript

$(document).ready(function() {
  $('.fancybox').fancybox();
});