blob: 006b3622f5aa38e5531cc291421d9548268fd426 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
/*
* toggle-images.js
*
* Released under the MIT license
* Copyright (c) 2012 Michael Save <savetheinternet@tinyboard.org>
*
* Usage:
* $config['additional_javascript'][] = 'js/jquery.min.js';
* $config['additional_javascript'][] = 'js/toggle-images.js';
*
*/
$(document).ready(function(){
var hide_images = localStorage['hideimages'] ? true : false;
$('<style type="text/css"> img.hidden{ opacity: 0.1; background: grey; border: 1px solid #000; } </style>').appendTo($('head'));
var hideImage = function() {
$(this)
.attr('data-orig', this.src)
.attr('src', 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')
.addClass('hidden');
};
var restoreImage = function() {
$(this)
.attr('src', $(this).attr('data-orig'))
.removeClass('hidden');
};
$('hr:first').before('<div id="toggle-images" style="text-align:right"><a class="unimportant" href="javascript:void(0)">-</a></div>');
$('div#toggle-images a')
.text((hide_images ? 'Show' : 'Hide') + ' images')
.click(function() {
hide_images = !hide_images;
if (hide_images) {
$('div > a > img').each(hideImage);
localStorage.hideimages = true;
} else {
$('div > a > img').each(restoreImage);
delete localStorage.hideimages;
}
$(this).text((hide_images ? 'Show' : 'Hide') + ' images')
});
if (hide_images) {
$('div > a > img').each(hideImage);
}
});
|
