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>