Скрипт просмотра фотографий QuickBox 0.5 (2014-06-05) [релиз]

Список розділів Скрипти QuickBox — скрипт для створення галерей

Опис: Свіжа версія — 0.3.0 (2013-07-21)

#1 Nazar Tokar » 20.06.2014, 14:14

0aa1883c6411f7873cb83dacb17b0afc.jpg


QuickBox — простой скрипт для увеличения фотографий. Для примера его работы я сделал эту страницу с несколькими картинками. Фотографий может быть любое количество. Скрипт подойдёт для любого сайта, в частности для просмотра увеличенных фотографий в интернет-магазинах. QuickBox умеет работать со всеми современными браузерами (Firefox, Opera, Google Chrome, IE10+).

Подключение

Чтобы подключить скрипт, закачайте файлы из архива в любую папку к себе на хостинг и добавьте в тег head такие строки:

Код: Виділити все
<script src="qb/js/qb.js"></script>

Убедитесь, что у вас подключён jQuery; если пока нет, то подключите отсюда. Проверьте что путь к папке с файлами скрипта указан правильно. Для работы QuickBox требуется jQuery версии не ранее 1.4.

Настройка

Чтобы изображение открывалось в новом слое при помощи QuickBox, присвойте прямой ссылке на него class="quickbox". Больше ничего делать не нужно. Подпись под фото будет взята из атрибута title или alt. Вот пример:

Код: Виділити все
<a class="quickbox" href="i/06.jpg" title="Описание фотографии">
<img src="i/06s.jpg" alt="">
</a>

Посмотреть и скачать

Скрипт бесплатный, пользуйтесь им в удовольствие. Пожалуйста, не пытайтесь его продать. Лучше поддержите разработку денежной помощью.

Зображення Зображення Зображення Зображення
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

фото за пределами экрана

#2 webso » 29.07.2014, 12:49

Назар, спасибо за скрипты.

Установил QuickBox 0.5 - фотографии открываются внизу за пределами экрана, чтобы увидеть, нужно скроллить страницу, последующие фото при перелистывании вообще не загружаются - бесконечно висит прелоадер.

Обратный звонок при этом работает нормально.

В чем может быть проблема?

Вот страница с проблемой: http://www.tvoystroy.ru/foto_stroitelstvo_obustoystvo_territorii
webso
Аватар
Репутація: 1
Повідомлення: 8
З нами: 3 роки 4 місяці

#3 Nazar Tokar » 29.07.2014, 17:09

webso, хм, надо разобраться, спасибо.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

#4 webso » 30.07.2014, 11:24

Вам этот "пациент", чтобы разобраться нужен, или можно пока удалить скрипт?
webso
Аватар
Репутація: 1
Повідомлення: 8
З нами: 3 роки 4 місяці

#5 Nazar Tokar » 30.07.2014, 18:09

webso, оставьте пока плиз.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

#6 webso » 01.08.2014, 11:05

Назар, просигнальте, когда можно удалять, чтобы мне посетителей сайта долго не расстраивать этой кривизной.
webso
Аватар
Репутація: 1
Повідомлення: 8
З нами: 3 роки 4 місяці

#7 Nazar Tokar » 01.08.2014, 14:54

webso, сносите, буду разбираться.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

#8 webso » 02.08.2014, 10:27

Буду признателен, если отпишитесь по результату здесь.
webso
Аватар
Репутація: 1
Повідомлення: 8
З нами: 3 роки 4 місяці

#9 rus1ah » 03.10.2014, 16:27

Добрый день. CMS Prestashop 1.6. Установил скрипт, но не работает, помогите разобраться, сайт http://apteka-aschbach.com.ua/content/25-sertifikaty
rus1ah
Аспирант
Репутація: 0
Повідомлення: 10
З нами: 4 роки 3 місяці

#10 Nazar Tokar » 03.10.2014, 18:05

rus1ah, либо не все файлы загружены, либо права доступа не дают достучаться к ним. Например, этот файл навскидку пытаюсь открыть. Назначьте 755 файлам и папке.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

#11 rus1ah » 03.10.2014, 22:38

Спасибо, разобрался
rus1ah
Аспирант
Репутація: 0
Повідомлення: 10
З нами: 4 роки 3 місяці

#12 Sergey.Susev » 08.10.2014, 09:46

Назар Токарь, Здравствуйте! CMS Prestashop 1.6.0.9 Также установил скрипт и дал права, но все равно не работает http://www.rcbirds.ru/ картинка после каталога(стелаж) Помогите пожалуйста =(((
Sergey.Susev
Вік: 47
Репутація: 0
Повідомлення: 1
З нами: 2 роки 10 місяців

#13 sain » 11.10.2014, 17:01

Назар. http://shuby.zp.ua/primery-rabot.html Картинки не переключаются между собой при клике. Как исправить проблему?
sain
Репутація: 1
Повідомлення: 1
З нами: 2 роки 10 місяців

#14 Dmitriy.Paltsev » 14.10.2014, 18:56

sain, такая же проблема, один в один. Не могу понять в чем дело...
Dmitriy.Paltsev
Вік: 47
Репутація: 1
Повідомлення: 1
З нами: 2 роки 10 місяців

#15 savchenkoarts » 04.09.2015, 05:30

Не могу открыть фотографию, может ли мешать другой скрипт wow.min.js?

Код: Виділити все
   <link rel="stylesheet" href="style.css" media="all">
   <link rel="stylesheet" href="animate.css">
   <script src="http://code.jquery.com/jquery-latest.min.js"></script>
   <script src="wow.min.js"></script>
    <script>new WOW().init();</script>
   <script type="text/javascript" src="js/map.js"></script>
   <script async defer src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap"></script>
   <script type="text/javascript" src="qb/js/qb.js"></script>
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->   
</head>

Код: Виділити все
<a class="quickbox" href="images/01.jpg" title="Описание фотографии">
      <img src="images/01.jpg" class="wow zoomInUp" data-wow-offset="200" data-wow-delay="0.5s" data-wow-duration="2s" alt="Бадминтон в Киеве">
      </a>
      <a class="quickbox" href="images/02.jpg" title="Описание фотографии">
      <img src="images/02.jpg" class="wow zoomInUp" data-wow-offset="200" data-wow-delay="1s" data-wow-duration="1.5s" alt="Бадминтон в Киеве">
      </a>

Папку распаковал в корень сайта
savchenkoarts M
Аспирант
Аватар
Вік: 28
Репутація: -1
Повідомлення: 17
Теми: 1
З нами: 3 роки 8 місяців

#16 Nazar Tokar » 04.09.2015, 12:05

savchenkoarts, да, может.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

#17 KKnishev » 13.11.2015, 13:43

Спасибо за скрипт!
Подскажите, где подкрутить, чтобы итоговое изображение встраивалось в видимую высоту окна браузера. Почитал предыдущие сообщения, вроде вы обещали сделать такой функционал?
Проблема в том, что на большом экране картинка (высотой, к примеру, 800) помещается полностью, а на ноуте экран меньше и уже не помещается по высоте, хотелось бы, чтобы итоговый размер динамически подстраивался под окно.
* quickBox 1.0
KKnishev M
Аватар
Репутація: 0
Повідомлення: 2
З нами: 1 рік 9 місяців

#18 Nazar Tokar » 13.11.2015, 18:28

KKnishev, max-width: 100%;
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 148
Повідомлення: 2493
Теми: 100
З нами: 4 роки 4 місяці

#19 KKnishev » 14.11.2015, 00:25

Назар Токарь написав: max-width: 100%;

Если бы всё было так просто, я бы вас не беспокоил ;(
У меня на глобальный img установлено max-height: 100vh; и картинка успешно ресайзется в зависимости от размер окна, а вот подтянуть по ширине ваш .qb-inside никак не удаётся...

Спасибо, если подскажите, оно живёт тут
KKnishev M
Аватар
Репутація: 0
Повідомлення: 2
З нами: 1 рік 9 місяців

#20 electr0n » 13.12.2015, 23:49

А можете пожалуйста сделать инструкцию установки в Opencart?

С заменой стандартного colorbox
electr0n
Репутація: 0
Повідомлення: 1
З нами: 1 рік 8 місяців

Наст.

Повернутись в QuickBox — скрипт для створення галерей

Хто зараз на форумі (базується на активності користувачів за останні 30 хвилин)

Зараз переглядають цей розділ: 2 гостей