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

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

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

#1by Nazar Tokar » 20.06.2014, 14:14

0aa1883c6411f7873cb83dacb17b0afc.jpg


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

Подключение

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

Code: Select all
<script src="qb/js/qb.js"></script>

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

Настройка

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

Code: Select all
<a class="quickbox" href="i/06.jpg" title="Описание фотографии">
<img src="i/06s.jpg" alt="">
</a>

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

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

Image Image Image Image
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

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

#2by webso » 29.07.2014, 12:49

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

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

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

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

Вот страница с проблемой: http://www.tvoystroy.ru/foto_stroitelstvo_obustoystvo_territorii
webso
Avatar
Reputation: 1
Posts: 8
With us: 3 yaers 1 month

#3by Nazar Tokar » 29.07.2014, 17:09

webso, хм, надо разобраться, спасибо.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

#4by webso » 30.07.2014, 11:24

Вам этот "пациент", чтобы разобраться нужен, или можно пока удалить скрипт?
webso
Avatar
Reputation: 1
Posts: 8
With us: 3 yaers 1 month

#5by Nazar Tokar » 30.07.2014, 18:09

webso, оставьте пока плиз.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

#6by webso » 01.08.2014, 11:05

Назар, просигнальте, когда можно удалять, чтобы мне посетителей сайта долго не расстраивать этой кривизной.
webso
Avatar
Reputation: 1
Posts: 8
With us: 3 yaers 1 month

#7by Nazar Tokar » 01.08.2014, 14:54

webso, сносите, буду разбираться.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

#8by webso » 02.08.2014, 10:27

Буду признателен, если отпишитесь по результату здесь.
webso
Avatar
Reputation: 1
Posts: 8
With us: 3 yaers 1 month

#9by rus1ah » 03.10.2014, 16:27

Добрый день. CMS Prestashop 1.6. Установил скрипт, но не работает, помогите разобраться, сайт http://apteka-aschbach.com.ua/content/25-sertifikaty
rus1ah
Аспирант
Reputation: 0
Posts: 10
With us: 4 yaers

#10by Nazar Tokar » 03.10.2014, 18:05

rus1ah, либо не все файлы загружены, либо права доступа не дают достучаться к ним. Например, этот файл навскидку пытаюсь открыть. Назначьте 755 файлам и папке.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

#11by rus1ah » 03.10.2014, 22:38

Спасибо, разобрался
rus1ah
Аспирант
Reputation: 0
Posts: 10
With us: 4 yaers

#12by Sergey.Susev » 08.10.2014, 09:46

Назар Токарь, Здравствуйте! CMS Prestashop 1.6.0.9 Также установил скрипт и дал права, но все равно не работает http://www.rcbirds.ru/ картинка после каталога(стелаж) Помогите пожалуйста =(((
Sergey.Susev
Age: 47
Reputation: 0
Posts: 1
With us: 2 yaers 7 months

#13by sain » 11.10.2014, 17:01

Назар. http://shuby.zp.ua/primery-rabot.html Картинки не переключаются между собой при клике. Как исправить проблему?
sain
Reputation: 1
Posts: 1
With us: 2 yaers 7 months

#14by Dmitriy.Paltsev » 14.10.2014, 18:56

sain, такая же проблема, один в один. Не могу понять в чем дело...
Dmitriy.Paltsev
Age: 47
Reputation: 1
Posts: 1
With us: 2 yaers 7 months

#15by savchenkoarts » 04.09.2015, 05:30

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

Code: Select all
   <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>

Code: Select all
<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
Аспирант
Avatar
Age: 28
Reputation: -1
Posts: 17
Topics: 1
With us: 3 yaers 5 months

#16by Nazar Tokar » 04.09.2015, 12:05

savchenkoarts, да, может.
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

#17by KKnishev » 13.11.2015, 13:43

Спасибо за скрипт!
Подскажите, где подкрутить, чтобы итоговое изображение встраивалось в видимую высоту окна браузера. Почитал предыдущие сообщения, вроде вы обещали сделать такой функционал?
Проблема в том, что на большом экране картинка (высотой, к примеру, 800) помещается полностью, а на ноуте экран меньше и уже не помещается по высоте, хотелось бы, чтобы итоговый размер динамически подстраивался под окно.
* quickBox 1.0
KKnishev M
Avatar
Reputation: 0
Posts: 2
With us: 1 year 6 months

#18by Nazar Tokar » 13.11.2015, 18:28

KKnishev, max-width: 100%;
Читайте твітер.
Nazar Tokar M
Topic author, Администратор
Avatar
Location: Україна
Reputation: 147
Posts: 2467
Topics: 100
With us: 4 yaers 2 months

#19by KKnishev » 14.11.2015, 00:25

Назар Токарь wrote: max-width: 100%;

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

Спасибо, если подскажите, оно живёт тут
KKnishev M
Avatar
Reputation: 0
Posts: 2
With us: 1 year 6 months

#20by electr0n » 13.12.2015, 23:49

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

С заменой стандартного colorbox
electr0n
Reputation: 0
Posts: 1
With us: 1 year 5 months

Next

Return to QuickBox — скрипт для створення галерей

Who is online (over the past 30 minutes)

Users browsing this forum: 1 guest

cron