FANDOM


Forum: Indeks > Teknologiske OPROP's > Lightboxes
Lysboks

Hvis man godt kan lide lightboxes til billederne, så har jeg stjålet udviklet noget kode som fremviser billederne på smukkeste vis ved et lille let tryk på billedet.

Grunden til at jeg ikke for længst har indført den i common.js er at videoerne også bruger billedesiderne,


Sådan gør du redigér

  • Du går ind på monobook.js for din brugerside. Eks. Bruger:Frode_Fenis/monobook.js
  • Du copypaster følgende kode
$(document).ready(function() {
  $('body').append('<div id="lightbox" style="display:none;posi2tion:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;z-index:9999"></div>');
  $('a.image').click(function(e) {
    e.preventDefault();
      if ($(this).find('img').attr('src').match('/thumb/')) {
      	var src = $(this).find('img').attr('src').replace('/thumb','').replace(/\/[\-_.%\w]*$/, '');
      } else {
        var src = $(this).find('img').attr('src');
      }
    $('#lightbox')
      .html('<img src="'+src+'" style="background:#fff;box-shadow: 0 0 25px #111;max-height:100%;max-width:100%;vertical-align:middle;cursor:pointer;padding:20px;background: linear-gradient(135deg, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);" />')
      .css('line-height', $(window).height()+'px')
      .fadeIn('fast')
      .live('click', function() {
        $(this).fadeOut('fast');
    });
  });
});
 


  • Fjern 2-tallet i ordet position - det indbyggede spamfilter nægtede at sluge artiklen her pga. noget der stod der.
  • Du husker at gemme og opfriske nogle gange for at tømme cachen
Community content is available under CC-BY-SA unless otherwise noted.