diff options
| author | Étienne Loks <etienne.loks@peacefrogs.net> | 2012-03-07 22:08:14 +0100 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@peacefrogs.net> | 2012-03-07 22:08:14 +0100 |
| commit | 5174ba21c29556cd7b08e55e5aed73d8cb31259e (patch) | |
| tree | a3cfb8ac1fbddb08ba8b39f7597746cdfecb5a1d | |
| parent | 530a8d1cf735e4b9aaf189611e307e26fc70dae8 (diff) | |
| download | Chimère-5174ba21c29556cd7b08e55e5aed73d8cb31259e.tar.bz2 Chimère-5174ba21c29556cd7b08e55e5aed73d8cb31259e.zip | |
Correct multiple galleries
| -rw-r--r-- | chimere/templates/chimere/detail.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/chimere/templates/chimere/detail.html b/chimere/templates/chimere/detail.html index 7a58cd1..c7b3442 100644 --- a/chimere/templates/chimere/detail.html +++ b/chimere/templates/chimere/detail.html @@ -27,7 +27,7 @@ {% endif %} </div> {% if marker.multimedia_items %} -<div id='gallery'> +<div id='gallery-{{marker.pk}}' class='gallery'> <div class='tabs'> <ul>{% for item in marker.multimedia_items %} <li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %} @@ -60,7 +60,7 @@ <script language='javascript' type='text/javascript'> $('html').addClass('js-on'); $(function(){ - $("#gallery").dialog({title:"{{marker.name}}", autoOpen: false, + $("#gallery-{{marker.pk}}").dialog({title:"{{marker.name}}", autoOpen: false, height: "auto", width: "auto"}); $('div.media-player').jmeEmbedControls(); $('.tabs').tabs({ @@ -87,18 +87,18 @@ $(function(){ $('div.media-controls', this).stop().animate({opacity: 0}); }); }); -$("#gallery").bind( "dialogopen", function(event, ui) { - $("#gallery").dialog("option", "height", 'auto'); - $("#gallery").dialog("option", "width", 'auto'); - $("#gallery").dialog("option", "position", ['center', 'center']); +$("#gallery-{{marker.pk}}").bind( "dialogopen", function(event, ui) { + $("#gallery-{{marker.pk}}").dialog("option", "height", 'auto'); + $("#gallery-{{marker.pk}}").dialog("option", "width", 'auto'); + $("#gallery-{{marker.pk}}").dialog("option", "position", ['center', 'center']); }); -$("#gallery").bind( "dialogclose", function(event, ui) { +$("#gallery-{{marker.pk}}").bind( "dialogclose", function(event, ui) { //pause all medias $('video').each(function(index){$(this).pause()}); $('audio').each(function(index){$(this).pause()}); }); $('#show_gallery_link').click(function(){ - $("#gallery").dialog('open'); + $("#gallery-{{marker.pk}}").dialog('open'); return false; }); </script> |