scroll to thumb
scroll up to image if its top is out of view when shrunk. Requires jQuery
This commit is contained in:
parent
4767a63178
commit
bc2257be08
@ -7,7 +7,7 @@
|
||||
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
|
||||
*
|
||||
* Usage:
|
||||
* // $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/inline-expanding.js';
|
||||
*
|
||||
*/
|
||||
@ -19,8 +19,11 @@ onready(function(){
|
||||
for (var i = 0; i < link.length; i++) {
|
||||
if (typeof link[i] == "object" && link[i].childNodes && typeof link[i].childNodes[0] !== 'undefined' && link[i].childNodes[0].src && link[i].childNodes[0].className.match(/post-image/) && !link[i].className.match(/file/)) {
|
||||
link[i].onclick = function(e) {
|
||||
var img;
|
||||
var img, post_body, still_open;
|
||||
var thumb = this.childNodes[0];
|
||||
var padding = 5;
|
||||
var boardlist = $('.boardlist')[0];
|
||||
|
||||
var loadImage = function(img, thumb) {
|
||||
if (img.naturalWidth) {
|
||||
thumb.style.display = 'none';
|
||||
@ -57,6 +60,25 @@ onready(function(){
|
||||
this.timeout = loadImage(img, thumb);
|
||||
} else {
|
||||
clearTimeout(this.timeout);
|
||||
|
||||
//scroll to thumb if not triggered by 'shrink all image'
|
||||
if (e.target.className == 'full-image') {
|
||||
post_body = $(e.target).parentsUntil('form > div').last();
|
||||
still_open = post_body.find('.post-image').filter(function(){return $(this).parent().attr('data-expanded') == 'true'}).length;
|
||||
|
||||
//deal with differnt boards' menu styles
|
||||
if ($(boardlist).css('position') == 'fixed')
|
||||
padding += boardlist.getBoundingClientRect().height;
|
||||
|
||||
if (still_open > 1) {
|
||||
if (e.target.getBoundingClientRect().top - padding < 0)
|
||||
$('body').scrollTop($(e.target).parent().parent().offset().top - padding);
|
||||
} else {
|
||||
if (post_body[0].getBoundingClientRect().top - padding < 0)
|
||||
$('body').scrollTop(post_body.offset().top - padding);
|
||||
}
|
||||
}
|
||||
|
||||
if (~this.parentNode.className.indexOf('multifile'))
|
||||
this.parentNode.style.width = (parseInt(this.dataset.width)+40)+'px';
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user