Guest User

Untitled

a guest
May 10th, 2014
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // ==UserScript==
  2. // @name         pic twitter
  3. // @namespace    pic_twitter
  4. // @version      0.2
  5. // @description  Adding simple lightbox for images on twitter
  6. // @require      http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
  7. // @match        https://twitter.com/*
  8. // @match        http://twitter.com/*
  9. // @copyright    2014+, You
  10. // ==/UserScript==
  11.  
  12. //Тут код из джквери вставить.
  13. var my_jq = jQuery.noConflict();//после этой команды переменные $ и jQuery вернутся к изначальному виду, как до вызова библиотеки. Другие переменные не создаются(либо они тоже вернутся в изначальное состояние). $ из этой джквери сохранён в my_jq
  14. (function($){
  15.  
  16.  
  17. $('body').append('<div id="lightbox" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;z-index:9999"></div><div id="lightbox-frame" style="display:none"></div>');
  18.  
  19. $('a.twitter-timeline-link').live('click', function(e) {
  20.   var src = $(this).data('expanded-url');
  21.  
  22.   if (src.match(/(.jpg|.jpeg|.gif|.png|img.leprosorium.com|instagram.com\/p\/)/)) {
  23.     e.preventDefault();
  24.     if (src.match('instagram.com/p/'))
  25.       src = src.replace('#', '') + 'media?size=l';
  26.     $('#lightbox')
  27.       .html('<a href="'+src+'" target="_blank"><img src="'+src+'" style="background:#fff;box-shadow: 0 0 25px #111;max-height:100%;max-width:100%;vertical-align:middle;" /></a>')
  28.       .css('line-height', $(window).height()+'px')
  29.       .fadeIn('fast')
  30.       .live('click', function() {
  31.         $(this).fadeOut('fast');
  32.         $('#lightbox a').remove();
  33.       });
  34.   }
  35. });
  36.  
  37. )(my_jq)//нехитрое окаймление в лямбду подставляет my_jq вместо $
  38. // В твоём коде будет my_jq, а в остальном изначальный $
Advertisement
Add Comment
Please, Sign In to add comment