Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№118-01-2012 02:20:12

Александр Колесников
Участник
 
Группа: Members
Зарегистрирован: 30-12-2005
Сообщений: 171
UA: Firefox 9.0

Mouseover Popup Image Viewer

Mouseover Popup Image Viewer http://userscripts.org/scripts/show/109262 - показывает полноразмерную картинку или её уменьшенный вариант, если оригинал больше экрана, при наведении мыши на миниатюру. Как правило, это картинки с фотохостингов.
Аналогов в виде расширения для FF нет, т.к. они обладают избыточным функционалом типа превью вэб-страничек, а в части картинок поддерживают всего несколько крупных ресурсов типа Facebook.
Аналоги для Opera: 1)ImagePreviewer (ранее Image Preview Popup), и его UserJS-вариант image-preview-popup-4.2.0-1-1.oex.js. 2) Imagus

Просьба к знающим JS: опишите, пожалуйста, логику и синтаксис добавления правил для этого скрипта.

Отсутствует

 

№218-01-2012 17:56:27

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Aurora 11.0

Re: Mouseover Popup Image Viewer

Тоже было бы интересно узнать как туда новые правила напихать:)

Отсутствует

 

№310-02-2012 14:55:24

CuttingEdge
Участник
 
Группа: Members
Откуда: М А С К В А
Зарегистрирован: 31-01-2012
Сообщений: 21
UA: IE 9.0

Re: Mouseover Popup Image Viewer

И так... Знающих JS тут нет получается... :rolleyes:

Отсутствует

 

№414-03-2012 20:28:24

Lex1
Участник
 
Группа: Members
Зарегистрирован: 07-07-2007
Сообщений: 260
UA: unknown 0.0

Re: Mouseover Popup Image Viewer

А тут даже не столько js нужно. Скажем в случае:

Выделить код

Код:

{r:/fastpic\.ru\/view\//, q:'#image'}

Первое (/fastpic\.ru\/view\//) это регулярка, под которую попадает адрес страницы с большой картинкой, а второе - css селектор по которому находится нужная картинка, т.е. в данном случае с id равным image.

Отсутствует

 

№514-03-2012 20:31:54

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 11.0

Re: Mouseover Popup Image Viewer

Lex1 пишет

А тут даже не столько js нужно. Скажем в случае:

Выделить код

Код:

{r:/fastpic\.ru\/view\//, q:'#image'}

Первое (/fastpic\.ru\/view\//) это регулярка, под которую попадает адрес страницы с большой картинкой, а второе - css селектор по которому находится нужная картинка, т.е. в данном случае с id равным image.

А что означает буква r в начале?

Отсутствует

 

№614-03-2012 20:43:11

Lex1
Участник
 
Группа: Members
Зарегистрирован: 07-07-2007
Сообщений: 260
UA: unknown 0.0

Re: Mouseover Popup Image Viewer

Это название свойства объекта, можете считать его именем переменной. В дальнейшем используется как host.r
С q аналогично, оно будет использовано в

Выделить код

Код:

downloadPage(url, q, xhr, t) {
...
var node = GM_safeHTMLParser(req.responseText).querySelector(q);

Отредактировано Lex1 (14-03-2012 20:44:24)

Отсутствует

 

№714-03-2012 20:49:34

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 11.0

Re: Mouseover Popup Image Viewer

Можете для примера написать код для ссылок из этого? Буду благодарен;)
И еще вопрос, как в самом скрипте прописать исключение, чтобы на определенном сайте скрипт не работал?

Отредактировано Kamui (14-03-2012 20:50:34)

Отсутствует

 

№814-03-2012 20:57:43

Lex1
Участник
 
Группа: Members
Зарегистрирован: 07-07-2007
Сообщений: 260
UA: unknown 0.0

Re: Mouseover Popup Image Viewer

Например:

Выделить код

Код:

{r:/itmages\.ru\/image\/view\//, q:'#image'},

Открываем страницу с большой картинкой и правой кнопкой по ней - Исследовать элемент. Видим «img#image» - первое это тэг, а второе ставим после «q».

И еще вопрос, как в самом скрипте прописать исключение

Совсем? В exclude можно, в начале:

Выделить код

Код:

// @include        http*
// @exclude http://twitter.com/*

Отредактировано Lex1 (14-03-2012 21:01:45)

Отсутствует

 

№914-03-2012 21:05:14

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 11.0

Re: Mouseover Popup Image Viewer

Lex1
Благодарю, все отлично сработал:D
И еще по поводу слэшев, как их правильно ставить?

Отредактировано Kamui (14-03-2012 21:07:30)

Отсутствует

 

№1014-03-2012 22:45:45

Lex1
Участник
 
Группа: Members
Зарегистрирован: 07-07-2007
Сообщений: 260
UA: unknown 0.0

Re: Mouseover Popup Image Viewer

Это называется экранирование. Ставятся перед точкой и прямым слешем, ну и другими спецсимволами. Подробнее написано скажем на http://javascript.ru/basic/regular-expression или у Фридла.
Крайние слеши - «r:/вот эти/» трогать не нужно, они означают что перед нами регулярное выражение.

Отредактировано Lex1 (14-03-2012 22:47:38)

Отсутствует

 

№1114-03-2012 23:18:28

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 11.0

Re: Mouseover Popup Image Viewer

Lex1 пишет

Это называется экранирование. Ставятся перед точкой и прямым слешем, ну и другими спецсимволами. Подробнее написано скажем на http://javascript.ru/basic/regular-expression или у Фридла.
Крайние слеши - «r:/вот эти/» трогать не нужно, они означают что перед нами регулярное выражение.

Спасибо, почитаю:)

Отсутствует

 

№1219-03-2012 17:58:31

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 12.0

Re: Mouseover Popup Image Viewer

Немного разобрался как писать правила, но есть вопрос. Здесь например ссылка ведет на неполное изображение, а полное находится по ссылка/orig/, как это прописать?

Отсутствует

 

№1323-03-2012 20:19:10

Александр Колесников
Участник
 
Группа: Members
Зарегистрирован: 30-12-2005
Сообщений: 171
UA: Firefox 10.0

Re: Mouseover Popup Image Viewer

А когда надо использовать параметр "XHR" ? Я тут нагуглил

Setting it to true means you are making an asynchronous request. That means the code does not pause until the http request is complete. A synchronous call locks up the browser so nothing else runs. That can cause problems, so people prefer asynchronous.

http://stackoverflow.com/questions/6461 … pen-method
но я не программер. Можно это  "на пальцах" объяснить, пожалуйста?

Отсутствует

 

№1428-04-2012 12:20:01

Ranbax
Участник
 
Группа: Members
Зарегистрирован: 28-04-2012
Сообщений: 2
UA: Firefox 12.0

Re: Mouseover Popup Image Viewer

Kamui обещал помочь ;)

Вот сайт на котором скрипт не работает:
http://epidemz.net/479597-pozhirateli-i … vdrip.html

и еще один (принцип тот же): http://www.capa.me/games/pc-igry/161698 … d-ep1.html

непростая задача

Отредактировано Ranbax (28-04-2012 12:24:50)

Отсутствует

 

№1528-04-2012 23:04:51

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Aurora 14.0

Re: Mouseover Popup Image Viewer

Ranbax
Боюсь здесь не получится сделать ничего :( ссылка кодируется же
Думаю здесь надо скриптик, который бы заменял кодированные ссылки на оригинальные, но сам наверно не смогу написать такой скрипт.

Отредактировано Kamui (28-04-2012 23:08:05)

Отсутствует

 

№1629-04-2012 00:31:06

Ranbax
Участник
 
Группа: Members
Зарегистрирован: 28-04-2012
Сообщений: 2
UA: Firefox 12.0

Re: Mouseover Popup Image Viewer

Kamui жаль конечно, но есть еще то, что пока не работает:

http://market.yandex.ru/model.xml?model … &hid=90560

у меня не получается

Отсутствует

 

№1729-04-2012 17:38:39

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Aurora 14.0

Re: Mouseover Popup Image Viewer

Ranbax
На маркете используется ajax, как я понял для таких сайтов надо использовать xhr:true, но что-то все равно не получается :(

Отсутствует

 

№1801-07-2012 16:35:27

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 14.0

Re: Mouseover Popup Image Viewer

Ranbax
Автор скрипта помог написать правило для яндекс-маркета:

Выделить код

Код:

{"r":"mdata\\.yandex\\.net/.+.jpg$"}

Вот такое простенькое правило :) я только не понимаю что означает знак $ в конце, но судя по всему он и решает ситуацию в правиле.

Отсутствует

 

№1924-08-2012 12:16:26

Lexx77
Участник
 
Группа: Members
Зарегистрирован: 08-10-2011
Сообщений: 100
UA: Firefox 14.0

Re: Mouseover Popup Image Viewer

Народ, подскажите как добавить Яндекс.Фотки и болгарский фотосайт Snimka.bg? Очень шибко надо :)

Отсутствует

 

№2024-08-2012 13:23:52

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 16.0

Re: Mouseover Popup Image Viewer

{"r":"fotki\\.yandex\\.ru/(top/)?users/.*/view/\\d*/", "q":".js-img-link > img, .img.js-areas > img"} - Яндекс.Фотки, только не уверен самая большая ли картинка появляется:/

{"r":"snimka\\.bg/.*", "q":"#bigImage"} - Snimka.bg как-то коряво получилось, но я не знаю как сделать лучше:(

Отредактировано Kamui (24-08-2012 13:44:20)

Отсутствует

 

№2124-08-2012 19:33:42

Lexx77
Участник
 
Группа: Members
Зарегистрирован: 08-10-2011
Сообщений: 100
UA: Firefox 14.0

Re: Mouseover Popup Image Viewer

Ух ты, замечательно! 
Только один смешной вопрос - куда всё это вставлять? В настройках Mouseover Popup Image Viewer нифигась не разобрался  :D

Отсутствует

 

№2224-08-2012 19:53:18

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 16.0

Re: Mouseover Popup Image Viewer

На последней картинке выделено синей рамкой
mpiv1.png

mpiv2.png

Отредактировано Kamui (24-08-2012 19:53:35)

Отсутствует

 

№2325-08-2012 16:37:26

Lexx77
Участник
 
Группа: Members
Зарегистрирован: 08-10-2011
Сообщений: 100
UA: Firefox 14.0

Re: Mouseover Popup Image Viewer

Ах вон оно куда...  :)

Яндекс.Фотки, только не уверен самая большая ли картинка появляется:/

Если там будет самая большая картинка появляться, то никакого экрана не хватит  :D  Многие фотки там в оригинале по 3-4 мегабайта весят! :o

Добавлено 25-08-2012 16:41:43
Мда, на Я.Фотках половина картинок увеличивается, половина - нет  :/  А вот на Snimka всё замечательно! Огромное спасибище!  :)

Ещё можно попросить код для добавки украинского фотосайта io.ua и я отстану  :D

Отредактировано Lexx77 (25-08-2012 16:41:43)

Отсутствует

 

№2425-08-2012 17:13:32

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 16.0

Re: Mouseover Popup Image Viewer

Lexx77 пишет

Мда, на Я.Фотках половина картинок увеличивается, половина - нет  :/  А вот на Snimka всё замечательно! Огромное спасибище!  :)

Скиньте ссылку на фотки которые не увеличиваются, попробую исправить.

Для io.ua попробуйте

Выделить код

Код:

{"r":"(.*\\.)?io\\.ua/[0-9]p?", "q":"#mainfoto"}

Нашел, страницу где фотки не увеличиваются, например такая http://fotki.yandex.ru/contest.xml?id=138 да? или еще вот http://fotki.yandex.ru/search.xml?group … id=4600213. Какие вам нужно?

Вот для поиска на я.фотках - {"r":"fotki\\.yandex\\.ru/search/.*type=image", "q":".js-img-link > img, .img.js-areas > img"}

Отредактировано Kamui (25-08-2012 17:27:28)

Отсутствует

 

№2525-08-2012 20:18:17

Lexx77
Участник
 
Группа: Members
Зарегистрирован: 08-10-2011
Сообщений: 100
UA: Firefox 14.0

Re: Mouseover Popup Image Viewer

Kamui пишет

Нашел, страницу где фотки не увеличиваются, например такая http://fotki.yandex.ru/contest.xml?id=138 да? или еще вот http://fotki.yandex.ru/search.xml?group … id=4600213. Какие вам нужно?

Да, именно в результатах поиска ничего не увеличивается, да и в пользовательских альбомах мало что.. :|

Вот для поиска на я.фотках - {"r":"fotki\\.yandex\\.ru/search/.*type=image", "q":".js-img-link > img, .img.js-areas > img"}

И всё равно ничего.. :sick:  Может это всё-таки от того, что оригиналы фоток там дико большие?
На io.ua усё хорошо. Земной поклон  :)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]