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

Replacing thickbox with fancybox.
author Brian Neal <bgneal@gmail.com>
date Wed, 08 Sep 2010 00:43:03 +0000
parents a6deb155aac0
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{% endblock %} 2 {% block title %}The Madeira{% 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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.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" src="{{ MEDIA_URL }}js/jquery.cross-slide.min.js"></script> 9 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.cross-slide.min.js"></script>
10 <script type="text/javascript"> 10 <script type="text/javascript">
11 $(function() { 11 $(function() {
12 $('a.fancybox').fancybox();
12 $('#slideshow').crossSlide({ 13 $('#slideshow').crossSlide({
13 speed: 45, 14 speed: 45,
14 fade: 1 15 fade: 1
15 }, [ 16 }, [
16 { src: '{{ MEDIA_URL }}images/slideshow/1.jpg', dir: 'up' }, 17 { src: '{{ MEDIA_URL }}images/slideshow/1.jpg', dir: 'up' },
37 38
38 <center><table border="0" cellspacing="10" cellpadding="3"><tr> 39 <center><table border="0" cellspacing="10" cellpadding="3"><tr>
39 {% for gig in upcomingDates %} 40 {% for gig in upcomingDates %}
40 {% if gig.flyer %} 41 {% if gig.flyer %}
41 <td> 42 <td>
42 <a href="{{ gig.flyer.image.url }}" class="thickbox" rel="madeira-gallery"> 43 <a href="{{ gig.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
43 <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.flyer.caption }}" title="{{ gig.flyer.caption }}" /></a> 44 <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.flyer.caption }}" title="{{ gig.flyer.caption }}" /></a>
44 <br /><center>{{ gig.flyer.caption }}</center> 45 <br /><center>{{ gig.flyer.caption }}</center>
45 </td> 46 </td>
46 {% endif %} 47 {% endif %}
47 {% endfor %} 48 {% endfor %}