diff --git a/js/mute-images.js b/js/mute-images.js new file mode 100644 index 00000000..04dd3466 --- /dev/null +++ b/js/mute-images.js @@ -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(''); + $('hr:first').before('
'+_('Mute all images')+'
'); + + 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; + }); +});