Mercurial > public > madeira

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 {% load markup %} 2 {% load markup %}
3 {% block title %}The Madeira | Photos: {{ gallery.title }}{% endblock %} 3 {% block title %}The Madeira | Photos: {{ gallery.title }}{% endblock %}
4 {% block custom_css %} 4 {% block custom_css %}
5 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/thickbox.css" /> 5 <link rel="stylesheet" href="{{ MEDIA_URL }}css/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
6 {% endblock %} 6 {% endblock %}
7 {% block custom_js %} 7 {% block custom_js %}
8 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.js"></script> 8 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
9 <script type="text/javascript" src="{{ MEDIA_URL }}js/thickbox.js"></script> 9 <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
10 <script type="text/javascript">
11 $(function() {
12 $('a.fancybox').fancybox();
13 });
14 </script>
10 {% endblock %} 15 {% endblock %}
11 {% block content %} 16 {% block content %}
12 <h1>Madeira Photos: {{ gallery.title }}</h1> 17 <h1>Madeira Photos: {{ gallery.title }}</h1>
13 {{ gallery.description|textile }} 18 {{ gallery.description|textile }}
14 19
15 <div class="madeira-photo-list"> 20 <div class="madeira-photo-list">
16 {% for photo in gallery.photos.all %} 21 {% for photo in gallery.photos.all %}
17 <a href="{{ photo.image.url }}" class="thickbox" rel="madeira-gallery"> 22 <a href="{{ photo.image.url }}" class="fancybox" rel="madeira-gallery">
18 <img src="{{ photo.get_thumbnail_url }}" alt="{{ photo.caption }}" title="{{ photo.caption }}" /></a> 23 <img src="{{ photo.get_thumbnail_url }}" alt="{{ photo.caption }}" title="{{ photo.caption }}" /></a>
19 {% endfor %} 24 {% endfor %}
20 </div> 25 </div>
21 <center><a href="{% url mysite.band.views.photos_index %}">Photo gallery index</a></center> 26 <center><a href="{% url mysite.band.views.photos_index %}">Photo gallery index</a></center>
22 27