Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ==UserScript==
- // @name pic twitter
- // @namespace pic_twitter
- // @version 0.2
- // @description Adding simple lightbox for images on twitter
- // @require http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
- // @match https://twitter.com/*
- // @match http://twitter.com/*
- // @copyright 2014+, You
- // ==/UserScript==
- //Тут код из джквери вставить.
- var my_jq = jQuery.noConflict();//после этой команды переменные $ и jQuery вернутся к изначальному виду, как до вызова библиотеки. Другие переменные не создаются(либо они тоже вернутся в изначальное состояние). $ из этой джквери сохранён в my_jq
- (function($){
- $('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>');
- $('a.twitter-timeline-link').live('click', function(e) {
- var src = $(this).data('expanded-url');
- if (src.match(/(.jpg|.jpeg|.gif|.png|img.leprosorium.com|instagram.com\/p\/)/)) {
- e.preventDefault();
- if (src.match('instagram.com/p/'))
- src = src.replace('#', '') + 'media?size=l';
- $('#lightbox')
- .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>')
- .css('line-height', $(window).height()+'px')
- .fadeIn('fast')
- .live('click', function() {
- $(this).fadeOut('fast');
- $('#lightbox a').remove();
- });
- }
- });
- )(my_jq)//нехитрое окаймление в лямбду подставляет my_jq вместо $
- // В твоём коде будет my_jq, а в остальном изначальный $
Advertisement
Add Comment
Please, Sign In to add comment