Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Слайдеры (Sliders)

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3

Открыть новую тему     Написать ответ в эту тему

pridecom



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
На рынке полно слайдеров для сайтов
вот примеры:
http://getcu3er.com/
http://www.modularweb.net/#/en/piecemaker
вроде как они бесплатны, но имеют ограничения
может у кого есть подобные красивые слайдеры, выкладывайте сюда.

Всего записей: 613 | Зарегистр. 22-11-2004 | Отправлено: 07:34 17-08-2011
Mr_SMiT



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ИМХО Не очень удачные примеры. Flash анимацию просто не увидит, как минимум, четверть аудитории - корпоративный сегмент за натом и прокси, домашние пользователи со старой версией флэш-плеера или с его глюками и т.д.
_http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials
_http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
_http://nivo.dev7studios.com/

Всего записей: 650 | Зарегистр. 18-07-2006 | Отправлено: 08:39 17-08-2011
Redduck9

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А jquery слайдеров очень, очень много. И как правило они работают в разных интернет обозревателях одинаково! Что не мало важно.

----------
Учусь потихоньку, а надо бы побыстрей!
Redduck&FreeBSD

Всего записей: 211 | Зарегистр. 16-08-2011 | Отправлено: 15:31 22-08-2011
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
может кто поможет с бесплатным слайдером налево / направо (без Flash) ?
может у кого есть под рукой
 
заранее благодарен

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 11:35 29-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
http://designscrazed.org/free-responsive-jquery-image-sliders/
http://www.jssor.com/
и так далее и тому подобное

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 18:38 29-09-2015
Alexey87

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемые форумчане, подскажите, пожалуйста, слайдер или другое решение для реализации данного.
При этом 1, 2 и 3 должны сменяться по времени и на каждой закладке возможно было кликнуть по ссылке, картинке или другому объекту.

Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 22:00 06-01-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Не знаю, в той теме спрашиваю или нет, но просьба подсказать, какой скрипт используется для создания мини-слайдера, если можно так сказать, чтобы при наведении курсора на миниатюру менялись картинки и внизу были точки, показывающие количество картинок? Такие используются в инет-магазинах, в том же Озон.
 
Может это даже не слайдер, а своего рода галерея, когда при движении курсора по блоку/диву влево-вправо меняются картинки в нём.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 14:51 28-06-2021 | Исправлено: WONDROUS, 15:17 28-06-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
когда при движении курсора по блоку/диву влево-вправо меняются картинки в нём.
 

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

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 21:26 28-06-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ, но я хотел просто для настольного просмотра, с курсором. Посмотрел на Озон, там явно ведь для этого какой-то скрипт используется.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 21:37 28-06-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Посмотрел на Озон, там явно ведь для этого какой-то скрипт используется

они могут позволить себе написать и свой.
какой именно?

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 21:42 28-06-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Так я и спрашиваю про скрипт подобный. Или, может быть, это как-то можно сделать с помощью CSS? На сайте Ламоды такой же просмотр миниатюр есть.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 00:16 29-06-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Так я и спрашиваю про скрипт подобный.

пример! откуда я знаю "подобный"..

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 01:17 29-06-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Пример, где при наведении курсора на миниатюру товара вверху видны полоски (их количество зависит от количества фото). И пример второй, с Озона, там правда, не полоски, а точки внизу.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 14:06 29-06-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
где при наведении курсора на миниатюру товара вверху видны полоски (их количество зависит от количества фото).

элементарно пишется самостоятельно, используя jQuery и по mouseover над прямоугольником отображая новую картинку.
 

Цитата:
И пример второй, с Озона

аналогично.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 21:38 29-06-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
А готовых подобных точно нигде нет? Пробовал поискать, но не нашёл, может, не те слова пишу в поиске.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 22:04 29-06-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
А готовых подобных точно нигде нет?

что мешает сделать так, как по ссылке? например https://jsfiddle.net/gzqe4knd/

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 02:54 30-06-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Большое спасибо за ответ и пример!

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 17:28 30-06-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Только никак не пойму, почему в Вашем примере при удалении class='price' перестаёт всё работать? В нём ведь вроде бы ничего важного нет?

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 13:42 01-07-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
удалении class='price' перестаёт всё работать?

потому что он определяет высоту вертикальных полос, по наведению на которые меняются картинки. там же абсолютное позиционирование, чем то нужно определять высоту всего элемента.
можно и без .price, но тогда нужно задать эту высоту любым образом.

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 21:08 01-07-2021
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ!
 
Но ещё пара вопросов.
Если картинка будет больше заданного размера, как можно (и где именно) применить object-fit: cover, чтобы она (картинка, фото) вписалась в заданный размер?
Можно ли как-то сделать те индикаторы чуть выше картинок?
Перепробовал, не получается.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 18:22 03-07-2021 | Исправлено: WONDROUS, 21:59 03-07-2021
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Слайдеры (Sliders)


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru