Change theme:   

Binding custom image galleries to mediasets

User can group photos in Edicy into collections/mediasets. Sometimes user configurable galleries are needed to be shown on multiple pages. Also in soem cases galleries are just easier to maintain in the same place as all files. In Edicy data about mediasets can be obtained and coded into sliders.

Example 

Mediaset bound to basic jQuery slider.
<head>
    <link href="bjqs.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
  <div id="slider">
      <ul class="bjqs">
          {% load mediaset to "my_gallery" title="exampleset" %}
          {% for photo in my_gallery.photos %}
              <li><img src="/photos/{{photo.filename}}"></li>
          {% endfor %}
      </ul>
  </div>

  <script>
    $(document).ready(function() {
        $('#slider').bjqs({
          height      : 400,
          width       : 600,
          responsive  : true
        });
    });
  </script>

  <script type="text/javascript" src="bjqs-1.3.js"></script>
</body>