[архив] Создание галерей QuickBox 0.3.0 (2013-07-21)

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

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

#1 Nazar Tokar » 21.07.2013, 21:22

UPD 2014-02-14

quickbox.png


Предлагаю вашему вниманию новую версию QuickBox — это скрипт для увеличения фотографий на сайтах. Вес скрипта менее 5 кб, его установка не требует специальных навыков в программировании.

Скрипт в работе выглядит так:

qb-work.png


В этой версии переработан и оптимизирован код, изменилась установка.

Что такое QuickBox?

QuickBox — это очень простой js-скрипт, использующий библиотеку jquery. Главная функция скрипта — увеличение фотографий как это показано на примере выше. Для примера работы скрипта я сделал эту страницу с четырьмя картинками. Их может быть любое количество.

Установка

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

Код: Виділити все
<script src="/quickbox/quickbox.js"></script>
<link rel="stylesheet" type="text/css" href="/quickbox/quickbox.css">

Перед подключением убедитесь, что у вас подключён jQuery версии не ниже 1.7.0. Если нет, подключите:

Код: Виділити все
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

Убедитесь, что правильно указан путь к папке с файлами скрипта.

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

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

Зображення Зображення Зображення

Как всегда, жду ваших комментариев и советов.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

Не работает

#2 krivitskiyvd » 28.07.2013, 15:25

Ув. Назар. При большом количестве изображений переключатели сьезжяют на весь экран. То есть порядковые номера картинок (1 2 3 4 5) уезжают...
krivitskiyvd
Аспирант
Репутація: 1
Повідомлення: 16
З нами: 5 років 2 місяці

#3 Nazar Tokar » 28.07.2013, 16:36

krivitskiyvd, скриншот сделайте пож-та. Я тестировал при 25 картинках, они выводились в несколько рядов, как и должно быть.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#4 krivitskiyvd » 29.07.2013, 00:38

Извиняюсь. У меня стояла старая версия, поставил новую и всё нормально

Правда теперь оно не очень смотрится...

SnapShot.png
krivitskiyvd
Аспирант
Репутація: 1
Повідомлення: 16
З нами: 5 років 2 місяці

#5 Nazar Tokar » 29.07.2013, 09:31

krivitskiyvd, уважаемый, а как вы хотели, чтобы выглядели 54 ссылки на фотографии в заголовке? :smoke:
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#6 krivitskiyvd » 29.07.2013, 12:38

Их убрать как то можно? Чтобы человек просто по картинке кликал и они менялись а этих цыфр не было? Может там что то в коде надо удалить не сложное?
krivitskiyvd
Аспирант
Репутація: 1
Повідомлення: 16
З нами: 5 років 2 місяці

#7 Nazar Tokar » 29.07.2013, 14:01

krivitskiyvd,
Код: Виділити все
$("#sshow_imgs").hide();
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#8 krivitskiyvd » 29.07.2013, 14:20

Вот ещё проблема. У меня фото идут вниз по странице. По 3 штуки в ряд. Вот если я открою припустим фото 30, которое находится по середине страницы, то меня перекидывает в начало сайта...

Додано через 51 секунду:
Можно как то сделать, чтобы я открыл фото по середине сайта и после закрытия там и остался
krivitskiyvd
Аспирант
Репутація: 1
Повідомлення: 16
З нами: 5 років 2 місяці

#9 211cc » 26.08.2013, 20:02

Dedushka, он видимо имел ввиду, что вот так было бы удобнее=)

Зображення
211cc
Вік: 48
Репутація: 1
Повідомлення: 4
З нами: 5 років 2 місяці

#10 Nazar Tokar » 27.08.2013, 08:21

211cc, интересно выглядит, подумаем...
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#11 denisss70 » 10.09.2013, 08:22

dedushka, как можно сделать так, чтобы картинке, которой присваивается class="quickbox", внизу справа, например, добавлялась иконка лупы, чтобы дать понять пользователю - картинку можно увеличить?
denisss70
Член союза
Репутація: 1
Повідомлення: 47
З нами: 5 років 1 місяць

#12 Nazar Tokar » 10.09.2013, 08:44

denisss70, можно добавить ей фон через css и загрузить иконку в папку с изображениями или со скриптом.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#13 denisss70 » 10.09.2013, 09:36

ясно. попробую сделать.

присоединяюсь к вопросу krivitskiyvd. На примере вашего сайта "мебельного магазина", если пролистать страницу вниз и нажать на какое либо изображение, сама страница листается наверх, что не совсем удобно, тк после закрытия картинки опять приходится листать страницу вниз. что нужно сделать, чтобы страница не листалась наверх? была привязка по месту открывания, как, например, это сделано в fancybox.

и второй момент. хотелось бы задать фиксированную высоту открываемого изображения, ну и соответственно чтобы пропорционально масштабировалась ширина , например, картинка имеет размер 2000*1000 пикселей, а отображалась 800*600 пикселей, то есть задать максимальную высоту 600px, при этом ширина пропорционально масштабировалась - 800px, дабы избежать искажения картинки. каким образом это можно реализовать?
denisss70
Член союза
Репутація: 1
Повідомлення: 47
З нами: 5 років 1 місяць

#14 Nazar Tokar » 10.09.2013, 10:04

denisss70, передвигать на место клика — сделаю.

Максимальная высота и ширина в зависимости от размеров экрана — сделаю.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#15 denisss70 » 10.09.2013, 10:33

спасибо! Как только будет готово, отпишитесь пожалуйста
denisss70
Член союза
Репутація: 1
Повідомлення: 47
З нами: 5 років 1 місяць

#16 Nazar Tokar » 10.09.2013, 11:31

denisss70, как скажете.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#17 balamarin » 13.09.2013, 11:27

Здравствуйте! Я установил на сайте ваш плагин quickbox но вот такая вот проблема возникла - что то видимо с определением кол-ва фото с классом quickbox. помогите пожалуйста может у меня руки кривые?

Зображення
balamarin
Репутація: 0
Повідомлення: 2
З нами: 5 років 1 місяць

#18 Nazar Tokar » 13.09.2013, 13:24

balamarin, дайте ссылку на страницу со скриптом.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

#19 balamarin » 13.09.2013, 14:01

Спасибо! уже не нужно! извините что отвлек и торопил.

Додано через 2 хвилини 2 секунди:
удалите мои сообщения если хотите. видимо я что то не так там сделал. уже перешел на другой плагин. но в вашем я разберусь чуть попозже - я работаю сейчас на локальном хостинге.
balamarin
Репутація: 0
Повідомлення: 2
З нами: 5 років 1 місяць

#20 Nazar Tokar » 13.09.2013, 14:22

balamarin, понял вас, удачи.

Но все же интересно, где вы ошиблись. Или где я ошибся, чтобы исправить в случае чего.
Читайте твітер.
Nazar Tokar M
Автор теми, Администратор
Аватар
Звідки: Україна
Репутація: 149
Повідомлення: 2518
Теми: 100
З нами: 5 років 7 місяців

Наст.

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

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

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