Source

liftinguptheworld / templates / cmsplugin_gallery / gallery.html

Full commit
{% load thumbnail sekizai_tags %}
{% addtoblock "css" %}
  <link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}css/gallery.css" charset="utf-8">
  <link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}lightbox/css/lightbox.css" charset="utf-8">
{% endaddtoblock %}
{% addtoblock "js" %}
<script type="text/javascript" src="{{STATIC_URL}}lightbox/js/jquery.lightbox.min.js"></script>
<script type="text/javascript">
  $('.gallery a').lightBox({
      imageLoading:     '{{STATIC_URL}}lightbox/images/lightbox-ico-loading.gif',   // (string) Path and the name of the loading icon
      imageBtnPrev:     '{{STATIC_URL}}lightbox/images/lightbox-btn-prev.gif',      // (string) Path and the name of the prev button image
      imageBtnNext:     '{{STATIC_URL}}lightbox/images/lightbox-btn-next.gif',      // (string) Path and the name of the next button image
      imageBtnClose:    '{{STATIC_URL}}lightbox/images/lightbox-btn-close.gif',   // (string) Path and the name of the close btn
      imageBlank:       '{{STATIC_URL}}lightbox/images/lightbox-blank.gif'     // (string) Path and the name of a blank image (one pixel)
  });
</script>
{% endaddtoblock %}
<div class="gallery" id="gallery{{ gallery.pk }}">
	{% for image in images %}
  <div class="item">
    <a href="{% thumbnail image.src 600x600  %}" title="{{ image.title }}">
      <img src="{% thumbnail image.src 150x150 crop %}" alt="{{ image.alt }}" title="{{ image.title }}" />
    </a>
  </div>
	{% endfor %}
</div>