diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/templates/details/photo_galleries.html | 29 |
1 files changed, 26 insertions, 3 deletions
diff --git a/design/templates/details/photo_galleries.html b/design/templates/details/photo_galleries.html index d992af4..4e8fdce 100644 --- a/design/templates/details/photo_galleries.html +++ b/design/templates/details/photo_galleries.html @@ -8,6 +8,26 @@ {% block metadescription %}{{object.set_desc|truncatewords:30|smartypants|safe}}{% endblock %} +{% block extrahead %} + <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" /> + <!--[if lte IE 8]> + <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" /> + <![endif]--> + <script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script> + <script type="text/javascript"> + if (typeof L === "undefined") { + document.write(unescape("%3Cscript src='/media/js/leaflet-0.5/leaflet.js' type='text/javascript'%3E%3C/script%3E")); +} + </script> + + <style> + #map-canvas img{ border: none;} + </style> + + + + +{% endblock %} {%block bodyid%}class="image_gallery"{%endblock%} {% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> @@ -24,7 +44,7 @@ <div class="figcaption"> <div class="caption" id="id-{{photo.id}}"> <h3>{{photo.title}} <time datetime="{{photo.exif_date|date:'c'}}" pubdate>{{photo.exif_date|date:"M j, Y"}}</time></h3> - <a class="map-link" href="#" title="{{photo.lat}},{{photo.lon}},id-{{photo.id}}">Map</a> + <a class="map-link" href="#" data-latitude="{{photo.lat}}" data-longitude="{{photo.lon}}" data-imgid="id-{{photo.id}}">Map</a> {%if photo.description %}<p>{{photo.description|safe}}</p> {%endif%} </div> <div class="photo-options"> @@ -63,8 +83,11 @@ {% block js %} <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script> <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.scrollTo-1.4.2-min.js"></script> - <script type="text/javascript" src="{{MEDIA_URL}}js/photos.min.js" ></script> - <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> + <!--<script type="text/javascript" src="{{MEDIA_URL}}js/photos.min.js" ></script>--> + <script type="text/javascript" src="/media/js/leaflet-providers.js"></script> + <script type="text/javascript" src="/media/js/photos.min.js" ></script> + + {% endblock%} |