jQuery ColorBox

Load 5 seconds after DOM ready

HTML

<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css">
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<aside>
  <div class="am-container" id="am-container">
    <a class="group1" href="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg" title="Это описание" data-caption="Тру-ля-ля-1">
      <img src="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg"></img>
    </a>
    <a class="group1" href="http://dreempics.com/img/picture/Apr/30/2ccb0866ec80893c60e562c3f68eabd5/1.jpg" title="Это описание" data-caption="Тру-ля-ля-2">
      <img src="http://dreempics.com/img/picture/Apr/30/2ccb0866ec80893c60e562c3f68eabd5/1.jpg"></img>
    </a>
    <a class="group1" href="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg" title="Это описание" data-caption="Тру-ля-ля-3">
      <img src="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg"></img>
    </a>
    <a class="group1" href="http://dreempics.com/img/picture/Apr/30/2ccb0866ec80893c60e562c3f68eabd5/1.jpg" title="Это описание">
      <img src="http://dreempics.com/img/picture/Apr/30/2ccb0866ec80893c60e562c3f68eabd5/1.jpg"></img>
    </a>
    <a class="group1" href="http://k-cbs.muzkult.ru/img/upload/3311/image_image_1255853.jpg" title="Это описание">
      <img src="http://k-cbs.muzkult.ru/img/upload/3311/image_image_1255853.jpg"></img>
    </a>
    <a class="group1" href="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg" title="Это описание">
      <img src="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg"></img>
    </a>
    <a class="group1" href="http://www.setwalls.ru/pic/201305/640x960/setwalls.ru-45548.jpg" title="Это описание">
      <img src="http://www.setwalls.ru/pic/201305/640x960/setwalls.ru-45548.jpg"></img>
    </a>
    <a class="group1" href="http://k-cbs.muzkult.ru/img/upload/3311/image_image_1255853.jpg" title="Это описание">
      <img...

JavaScript

$(function() {

  $(".group1").colorbox({
    rel: 'group1',
    transition: "elastic",
    speed: 200,
    onOpen: function(){
    
    },
    onComplete: function() {
    $('.cboxTopTitle').remove();
    $('#cboxContent').prepend('<div class="cboxTopTitle"></div>');
      var caption = $(this).data('caption');
      if(typeof caption !== "undefined") {
        $('.cboxTopTitle').empty().html(caption);
      }
    },
    onClosed: function() {
      alert('popup icon closed !')
      $('#cboxContent .cboxTopTitle').remove();
    }
  });
});