comparison mysite/templates/band/photos.html @ 18:10be1f4f121b

Replacing thickbox with fancybox.
author Brian Neal <bgneal@gmail.com>
date Wed, 08 Sep 2010 00:43:03 +0000
parents 0dcfcdf50c62
children 1b6b3e38e918
comparison
equal deleted inserted replaced
17:a6deb155aac0 18:10be1f4f121b
1 {% extends 'band/base.html' %} 1 {% extends 'band/base.html' %}
2 {% block title %}The Madeira | Photo Galleries{% endblock %} 2 {% block title %}The Madeira | Photo Galleries{% endblock %}
3 {% block custom_css %} 3 {% block custom_css %}
4 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/thickbox.css" /> 4 <link rel="stylesheet" href="{{ MEDIA_URL }}css/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
5 {% endblock %} 5 {% endblock %}
6 {% block custom_js %} 6 {% block custom_js %}
7 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.js"></script> 7 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
8 <script type="text/javascript" src="{{ MEDIA_URL }}js/thickbox.js"></script> 8 <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
9 <script type="text/javascript">
10 $(function() {
11 $('a.fancybox').fancybox();
12 });
13 </script>
9 {% endblock %} 14 {% endblock %}
10 {% block content %} 15 {% block content %}
11 <h1>Madeira Photo Galleries</h1> 16 <h1>Madeira Photo Galleries</h1>
12 {% if galleries %} 17 {% if galleries %}
13 <ul> 18 <ul>
20 {% endif %} 25 {% endif %}
21 {% if randomPhotos %} 26 {% if randomPhotos %}
22 <div class="madeira-photo-list"> 27 <div class="madeira-photo-list">
23 <h2>Random Photos:</h2> 28 <h2>Random Photos:</h2>
24 {% for photo in randomPhotos %} 29 {% for photo in randomPhotos %}
25 <a href="{{ photo.image.url }}" class="thickbox" rel="madeira-gallery"> 30 <a href="{{ photo.image.url }}" class="fancybox" rel="madeira-gallery">
26 <img src="{{ photo.get_thumbnail_url }}" alt="{{ photo.caption }}" title="{{ photo.caption }}" /></a> 31 <img src="{{ photo.get_thumbnail_url }}" alt="{{ photo.caption }}" title="{{ photo.caption }}" /></a>
27 {% endfor %} 32 {% endfor %}
28 </div> 33 </div>
29 {% endif %} 34 {% endif %}
30 {% endblock %} 35 {% endblock %}