Updated so that loading spinner is displayed always

This commit is contained in:
Roberto Rosario
2011-04-29 04:53:24 -04:00
parent fd71e86f2a
commit c99764b486
3 changed files with 6 additions and 6 deletions

View File

@@ -127,7 +127,7 @@ def document_exists(document):
register_model_list_columns(Document, [
{'name':_(u'thumbnail'), 'attribute':
lambda x: '<a class="fancybox" href="%(url)s"><img class="lazy-load" data-href="%(thumbnail)s" src="%(media_url)s/images/blank.gif" /><noscript><img src="%(thumbnail)s" /></noscript></a>' % {
lambda x: '<a class="fancybox" href="%(url)s"><img class="lazy-load" data-href="%(thumbnail)s" src="%(media_url)s/images/ajax-loader.gif" /><noscript><img src="%(thumbnail)s" /></noscript></a>' % {
'url': reverse('document_preview', args=[x.pk]),
'thumbnail': reverse('document_thumbnail', args=[x.pk]),
'media_url': settings.MEDIA_URL

View File

@@ -40,7 +40,7 @@ class DocumentPageImageWidget(forms.widgets.Widget):
output.append('''
<div class="full-height scrollable" style="overflow: auto;">
<div class="tc">
<img class="lazy-load" data-href="%(img)s?page=%(page)d&zoom=%(zoom)d&rotation=%(rotation)d" src="%(media_url)s/images/blank.gif" />
<img class="lazy-load" data-href="%(img)s?page=%(page)d&zoom=%(zoom)d&rotation=%(rotation)d" src="%(media_url)s/images/ajax-loader.gif" />
<noscript>
<img src="%(img)s?page=%(page)d&zoom=%(zoom)d&rotation=%(rotation)d" />
</noscript>
@@ -118,7 +118,7 @@ class ImageWidget(forms.widgets.Widget):
<div class="tc">%(page_string)s %(page)s</div>
<div class="tc">
<a rel="page_gallery" class="fancybox-noscaling" href="%(view_url)s?page=%(page)d">
<img class="lazy-load" data-href="%(img)s?page=%(page)d" src="%(media_url)s/images/blank.gif"/>
<img class="lazy-load" data-href="%(img)s?page=%(page)d" src="%(media_url)s/images/ajax-loader.gif"/>
<noscript>
<img src="%(img)s?page=%(page)d" />
</noscript>
@@ -384,7 +384,7 @@ class MetaDataImageWidget(forms.widgets.Widget):
%(tags_template)s
<div class="tc">
<a rel="group_%(group_id)d_documents_gallery" class="fancybox-noscaling" href="%(view_url)s">
<img class="lazy-load" style="border: 1px solid black; margin: 10px;" src="%(media_url)s/images/blank.gif" data-href="%(img)s" />
<img class="lazy-load" style="border: 1px solid black; margin: 10px;" src="%(media_url)s/images/ajax-loader.gif" data-href="%(img)s" />
<noscript>
<img style="border: 1px solid black; margin: 10px;" src="%(img)s" />
</noscript>

View File

@@ -88,8 +88,8 @@
});
$('img.lazy-load').jail({
event: 'load',
placeholder : '{{ MEDIA_URL }}/images/ajax-loader.gif'
//effect: 'fadeIn'
timeout: 10,
placeholder: '{{ MEDIA_URL }}/images/ajax-loader.gif'
});
});
</script>