test image captions
This commit is contained in:
parent
c885d2911b
commit
d09ac6b0e5
|
@ -32,9 +32,12 @@ $('#listLeft ul li a').live("click", function() {
|
||||||
$('.thumbsDetails').live("click", function(e) {
|
$('.thumbsDetails').live("click", function(e) {
|
||||||
// alert($(this).attr("data-bigimage"));
|
// alert($(this).attr("data-bigimage"));
|
||||||
var bigImage = $(this).attr("data-bigimage");
|
var bigImage = $(this).attr("data-bigimage");
|
||||||
var $img = $('<img />').attr("src", bigImage);
|
var $img = $('<img />').attr("src", bigImage);
|
||||||
$('#lightbox, #lightboxPanel').fadeIn(400);
|
$('#lightbox, #lightboxPanel').fadeIn(400);
|
||||||
$('#lightboxPanel').empty().append($img);
|
$('#lightboxPanel').empty().append($img);
|
||||||
|
if ($(this).hasAttr("title")) {
|
||||||
|
var $caption = $('<div />').addClass("lightboxCaption").text($(this).attr("title")).appendTo($('#lightBoxPanel'));
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<div class="thumbsGallery">
|
<div class="thumbsGallery">
|
||||||
{% for img in images %}
|
{% for img in images %}
|
||||||
{% thumbnail img.image "164x114" crop="center" as im %}
|
{% thumbnail img.image "164x114" crop="center" as im %}
|
||||||
<img src="{{ im.url }}" class="thumbsDetails" data-bigimage="{{ img.image.url }}"/>
|
<img title="{{ img.caption }}" src="{{ im.url }}" class="thumbsDetails" data-bigimage="{{ img.image.url }}"/>
|
||||||
{% endthumbnail %}
|
{% endthumbnail %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user