colorbox test

by lulalala

HTML

<script src="https://github.com/jackmoore/colorbox/raw/v1.3.16/colorbox/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="http://www.benariac.fr/fabien/jsfiddle/colorbox/colorbox/colorbox.css">
<script src="http://www.benariac.fr/fabien/jsfiddle/colorbox/colorbox/images/overlay.png"></script>
<script src="http://www.benariac.fr/fabien/jsfiddle/colorbox/colorbox/images/loading.png"></script>
<div class="container"> 

<a href="#address_map" class="colorbox_address_map">link</a>
 
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>    
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>   
    
<div id="address_map">TARGET</div>
    
</div>

CSS

#address_map{ background-color: red}

JavaScript

return $('body').on('click', 'a.colorbox_address_map', function(e) {
      var address;
    e.preventDefault();
    address = '三重';
    return $.colorbox({
      width: 300,
      height: 300,
      inline: true,
      href: '#address_map'
    });
  });