Updated JS to show/hide attachment thumbnails with timers. Minor

markup changes.
This commit is contained in:
Sarven Capadisli 2009-05-25 17:30:57 -04:00
parent 959dce823f
commit 3877324fd8
3 changed files with 22 additions and 20 deletions

View File

@ -71,16 +71,7 @@ class Attachment_thumbnailAction extends AttachmentAction
if (empty($file_thumbnail->url)) {
return;
}
$url = $file_thumbnail->url;
$attr = array(
'id' => 'thumbnail'
, 'src' => $url
, 'alt' => 'Thumbnail'
);
$this->element('img', $attr);
$this->element('img', array('src' => $file_thumbnail->url, 'alt' => 'Thumbnail'));
}
/**

View File

@ -18,18 +18,26 @@
$(document).ready(function(){
$('a.attachment').click(function() {$().jOverlay({url: $('address .url')[0].href+'/attachment/' + ($(this).attr('id').substring('attachment'.length + 1)) + '/ajax'}); return false; });
$('a.thumbnail').hover(
$("a.thumbnail").hover(
function() {
anchor = $(this);
$.get($('address .url')[0].href+'/attachment/' + ($(this).attr('id').substring('attachment'.length + 1)) + '/thumbnail', null, function(data) {
anchor.append(data);
$('#thumbnail').fadeIn('def');
});
var anchor = $(this);
$("a.thumbnail").children('img').remove();
setTimeout(function() {
anchor.closest(".entry-title").addClass('ov');
$.get($('address .url')[0].href+'/attachment/' + (anchor.attr('id').substring('attachment'.length + 1)) + '/thumbnail', null, function(data) {
anchor.append(data);
});
}, 250);
setTimeout(function() {
anchor.children('img').remove();
anchor.closest(".entry-title").removeClass('ov');
}, 3000);
},
function() {
setTimeout(function() {
$('#thumbnail').fadeOut('slow', function() {$(this).remove();});
}, 500);
$(this).children('img').remove();
$(this).closest(".entry-title").removeClass('ov');
}
);

View File

@ -798,6 +798,9 @@ float:left;
width:100%;
overflow:hidden;
}
.notice .entry-title.ov {
overflow:visible;
}
#shownotice .notice .entry-title {
font-size:2.2em;
}
@ -857,7 +860,7 @@ position:relative;
}
.notice .attachment img {
position:absolute;
top:11px;
top:18px;
left:0;
z-index:99;
}