ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Просмотр картинок без перехода (Слайдшоу)


Просмотр картинок без перехода (Слайдшоу)

Сообщений 1 страница 4 из 4

1

Просмотр фотографий без перехода на новую страницу v.2.6.4
Преобразует картинки вставленные с популярных хостингов как превью в слайдшоу в сообщениях.

Автор: Romych

демо

https://forumfiles.ru/uploads/0000/14/1c/15964/904830.gif

скрипт работает с превью от разных популярных фотохостингов, на данный момент список получился таким:
'funkyimg.com','forumfiles.ru','uploads.ru','fotki.info','savepic.net','savepic.ru','radikale.ru','radikal.ru','fastpic.ru','firepic.org','imgbox.com'

в html-верх:

Код:
<!---Просмотр фотографий без перехода на новую страницу--->
<script type='text/javascript' src='https://forumstatic.ru/files/0002/10/47/24479.js'></script>

в html-низ:

Код:
<!---Просмотр фотографий без перехода на новую страницу v.2.6.4--->
<script type="text/javascript">
var a = 1; // режим демонстрации слайд-шоу, 0 - на всей странице, 1 - в отдельно взятом посте
var host = ['funkyimg.com','forumfiles.ru','uploads.ru','fotki.info','savepic.net','savepic.ru','radikale.ru','radikal.ru','fastpic.ru','firepic.org','imgbox.com'];
$('.post-content').map(function(){ 
var Col, Cont, PR, HR, Tit, hvost,sv, s2;
Col = $(this).find('img.postimg').length;
if(a!==0){Cont=$(this).attr('id');}else{Cont='all';}
$(this).find('a:has(img)').each(function(){
PR = $(this).find('img.postimg').attr('src'); HR = $(this).attr('href');
s2 =/(jpe?g|gif|png|funkyimg)/g; sv = HR.match(s2); 
Tit = $(this).find('img.postimg').attr('title');$(this).attr('title',Tit);
if (HR.lastIndexOf('.html')!= -1){hvost=HR.slice(-8,-5);}
for (var i=0; i<host.length; i++){
if((PR.indexOf(host[i])!= -1)){
PR=PR.replace(/(.*?)\.uploads\.ru\/t\/(.*?)/gi, '$1.uploads.ru/i/$2')
.replace(/^https?:\/\/forumfiles\.ru\/uploads\/(\w+)\/(\w+)\/(\w+)\/(\w+)\/t(\d+)\./gi+s2, 'http://forumfiles.ru/uploads/$1/$2/$3/$4/$5.$6')
.replace(/(.*?)\.ifotki\.info\/thumb\/(.*?)/gi, '$1.ifotki.info/org/$2')
.replace(/http:\/\/savepic\.(net|ru)\/(\d+)m\./gi+s2, 'http://savepic.$1/$2.$3')
.replace(/(.*?)\.fastpic\.ru\/thumb\/(.*?)\./gi+s2, '$1.fastpic.ru/big/$2.'+hvost)
.replace(/(.*?)\.radikale\.ru\/uploads\/(.*?)\-prev\./gi+s2, '$1.radikale.ru/uploads/$2-full.$3')
.replace(/(.*?)\.radikal\.ru\/(.*?)t\./gi+s2, '$1.radikal.ru/$2.$3')
.replace(/(.*?)\.firepic\.org\/(\d+)\/thumbs\/(.*?)\./gi+s2, '$1.firepic.org/$2/images/$3.$4')
.replace(/http:\/\/(.*?)\.imgbox\.com\/(.*?)\./gi+s2, 'http://i.imgbox.com/$2.$3')
.replace(/https:\/\/funkyimg\.com\/(view|p)\/(\w+)/gi, 'https://funkyimg.com/i/$2');
};
if((HR.indexOf(host[i])!=-1)&&sv!==null){$(this).attr('href',PR);}};
let r2=(Col==1&&sv!==null)?'iLoad':(Col>=2&&sv!==null)?'iLoad|'+Cont:(Col>=2&&sv==null)?'nofollow ugc':'';$(this).attr('rel',r2);
});});
</script>

в скрипте в самом верху есть настройка режима показа слайд-шоу

var a = 1; // режим демонстрации слайд-шоу, 0 - на всей странице, 1 - в отдельно взятом посте

Помня старую критику по поводу навигации, сообщаю что пользоваться удобнее всего комбинациями на клавиатуре, чем тыкать мышкой
итак:
1. стрелки <-  -> на клавиатуре дают возможность листать фото
если у вас мобильный браузер просто нажимайте на само фото и у вас отобразится следующее
2. Shift - запускает слайд-шоу
3. Ctrl - останавливает слайд-шоу
4. Esc останавливает просмотр фото, тоже самое делает нажатие курсором на тёмный фон вне фотографии

единственное что приходится нажимать кусором на панели управления под фото, это разворачивание фото до оригинального размера (крайняя правая кнопка)
p.s. если вы желаете, чтоб при просмотре фото (слайд-шоу) под изображением отображалось ваше к нему описание, его придётся добавить в ручную к каждому изображению таким образом:

Код:
[url=http://savepic.net/7788146.htm][img=ВАШЕ ОПИСАНИЕ К ФОТО]http://savepic.net/7788146m.jpg[/img][/url]

0

2

А imgur.com и imageban.ru будет поддерживать?

0

3

Радистка
судя по коду - нет.
могу попробовать допилить.

картинки с этих хостингов для образца

0

4

скрипт обновлен на более свежую версию

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Просмотр картинок без перехода (Слайдшоу)