Mercurial > public > madeira
comparison mysite/templates/band/gigs.html @ 18:10be1f4f121b
Replacing thickbox with fancybox.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Wed, 08 Sep 2010 00:43:03 +0000 |
parents | d771b81e927e |
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 | Shows{% endblock %} | 2 {% block title %}The Madeira | Shows{% 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>Show Dates</h1> | 16 <h1>Show Dates</h1> |
12 | 17 |
13 <h2>Upcoming Shows</h2> | 18 <h2>Upcoming Shows</h2> |
14 {% if upcoming %} | 19 {% if upcoming %} |
15 {% for show in upcoming %} | 20 {% for show in upcoming %} |
16 <p style="clear:both"> | 21 <p style="clear:both"> |
17 {% if show.flyer %} | 22 {% if show.flyer %} |
18 <a href="{{ show.flyer.image.url }}" class="thickbox" rel="madeira-gallery"> | 23 <a href="{{ show.flyer.image.url }}" class="fancybox" rel="madeira-gallery"> |
19 <!-- <img style="float:left; margin-right:5px; margin-bottom:1em" src="{{ show.flyer.get_thumbnail_url }}" --> | 24 <!-- <img style="float:left; margin-right:5px; margin-bottom:1em" src="{{ show.flyer.get_thumbnail_url }}" --> |
20 <img class="left" src="{{ show.flyer.get_thumbnail_url }}" | 25 <img class="left" src="{{ show.flyer.get_thumbnail_url }}" |
21 alt="{{ show.flyer.caption }}" title="{{ show.flyer.caption }}" /></a> | 26 alt="{{ show.flyer.caption }}" title="{{ show.flyer.caption }}" /></a> |
22 {% endif %} | 27 {% endif %} |
23 <strong>{{ show.date|date:"F d, Y" }}</strong> | 28 <strong>{{ show.date|date:"F d, Y" }}</strong> |
86 <center> | 91 <center> |
87 {% for gig in flyerGigs %} | 92 {% for gig in flyerGigs %} |
88 <table class="image-table"> | 93 <table class="image-table"> |
89 <caption>{{ gig.venue.name}}, {{ gig.date|date:"F 'y" }}</caption> | 94 <caption>{{ gig.venue.name}}, {{ gig.date|date:"F 'y" }}</caption> |
90 <tr><td> | 95 <tr><td> |
91 <a href="{{ gig.flyer.image.url }}" class="thickbox" rel="madeira-gallery"> | 96 <a href="{{ gig.flyer.image.url }}" class="fancybox" rel="madeira-gallery"> |
92 <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.date|date:"F d, Y" }}" title="{{ gig.date|date:"F d, Y" }}" /></a> | 97 <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.date|date:"F d, Y" }}" title="{{ gig.date|date:"F d, Y" }}" /></a> |
93 </td></tr> | 98 </td></tr> |
94 </table> | 99 </table> |
95 {% endfor %} | 100 {% endfor %} |
96 </center> | 101 </center> |