diff options
| -rw-r--r-- | js/mute-images.js | 48 |
1 files changed, 48 insertions, 0 deletions
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('<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; + }); +}); |