Merge pull request #35 from desudesutalk/mute-images

Create mute-images.js
This commit is contained in:
Michael Walker 2015-09-25 00:07:10 +01:00
commit f01e768d6e

48
js/mute-images.js Normal file
View File

@ -0,0 +1,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;
});
});