js/mute-images.js


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

/*
 * mute-images.js
 *
 * Hide all images.
 *
 * Released under the MIT license
 * Copyright (c) 2015 boku
 *
 * Usage:
 *   $config['additional_javascript'][] = 'js/jquery.min.js';
 *   $config['additional_javascript'][] = 'js/mute-images.js';
 *
 */

$(document).ready(function(){
	$('head').append('<style type="text/css"> .muteimages .post-image:not(:hover) { opacity: 0.03; } </style>');
	$('hr:first').before('<div style="text-align:right"><a class="unimportant" href="javascript:void(0)" id="mute_images">'+_('Mute all images')+'</a></div>');
	
	if (!localStorage.imagesmuted){
		localStorage.imagesmuted = 'false';
	}

	// Load data from HTML5 localStorage
	var isMuted = JSON.parse(localStorage.imagesmuted),
	    store_data = function() {
			localStorage.imagesmuted = JSON.stringify(isMuted);
		};

	if(isMuted){
		$('body').addClass('muteimages');
		$('#mute_images').text(_('Unmute all images'));
	}   

    $('#mute_images').on('click', function(){
    	if(isMuted){
			$('body').removeClass('muteimages');
			isMuted = false;
			$('#mute_images').text(_('Mute all images'));
		}else{
			$('body').addClass('muteimages');
			isMuted = true;
			$('#mute_images').text(_('Unmute all images'));
		}

		store_data();
		return false; 
    });
});