То есть снизу под фотографией есть некие «селекторы», переход по которым помогает посмотреть все изображения, относящиеся к товару.
Одним из проектов, которым я сейчас занимаюсь, является интернет-магазин автозапчастей, и там есть необходимость демонстрировать максимальное количество фотографий товара в каталоге.
Заинтересовавшись, я, как типичный ленивый разработчик, решил проверить: что это за чудный плагин такой. Лезу в код и вижу классы:
Как человек, достигший половой зрелости, я понимаю, что здесь что-то нечисто. Читаю код далее и понимаю, что мои сомнения были не беспочвенны:
Интересно, это очередная (после кинопоиска) лажа от «Яндекса», или просто «пасхалочка»?
P.S.: Напоследок шикарное название шаблона (видимо):
P.P.S.: Если кто-то знает аналогичные библиотеки\плагины, киньте в комментарий или в личку.
UPD. всё-таки пасхалка!
UPD2.
один из вариантов проно галереи (jQuery) — jsfiddle.net/hhz9bu0z от wdmaster
Комментарии (71)
exelens
19.10.2015 12:22-19Разве это не для тостера? Причём тут Хабр?
parapetof
19.10.2015 12:26+15Подумалось, что раз вопросы касаются вёрстки, возможно это всё же сюда. Но допускаю, что запостил не на тот ресурс.
exelens
19.10.2015 12:34+1не не я без притензий. Мне теперь тоже интересно =)
вопросы касаются вёрстки
Это наверное стоило бы отразить в заголовке. Так люди бы точно понимали — что это их вопрос.
stalkerg
19.10.2015 12:23+9Если кто-то знает аналогичные библиотеки\плагины
Советую самим написать, это просто, легко и зато максимально подойдёт конкретно вашему случаю.
Finesse
20.10.2015 13:42Это хорошо, если много человек-часов в запасе
stalkerg
20.10.2015 14:08Это скорее всего будет быстрее чем вы будете натягивать нужный вам дизайн на чужую галерею.
Finesse
20.10.2015 14:10Не скажу за всех, но мой опыт говорит об обратном. Во всех сферах программирование использование готового как правило даёт более быстрый и качественный результат. Исключение составляют небольшие и инидвидуальные потребности, под которые нет подходящего решения, а подгон похожих решений действительно занимает больше времени.
stalkerg
20.10.2015 14:32+1У меня обратный опыт. Сильное увлечение батарейками, плагинами и готовыми скриптами:
1. Понижает качество продукта.
2. Повышает вероятность трудно находимых багов.
3. Усложняет исправление багов.
4. Часто приводит к тому, что «проще было бы написать с 0 чем дописывать, что мы ломали последние 2 месяца»
5. Ад зависимостей.
Не видел плагинов которые бы 100% подходили бы и их не пришлось бы дописывать. Готовым может быть либо совсем атомарный и маленький функционал который легко можно встроить без сайд эффектов и большой/сложный который самому писать было бы неразумно долго.
В рамках галереи вам и так дизайн скорее всего отвёрстывать нужно будет, а потом поменяется логика, потом ещё что…Finesse
20.10.2015 15:16По-моему, Вы столкнулись с действительно сильным увлечением. Спорить дальше не вижу смысла.
parapetof
20.10.2015 20:30+1кстати, к слову, иногда лезешь в код, смотришь — как оно там написано, и пишешь своё, более изящное.
AlekVeritov
19.10.2015 12:37+41Ждём от яндекса плагина для карт — точки работы проституток!
esc
19.10.2015 12:42+29Мне кажется, разработчики пошутили просто таким образом.
Копировать код такой галереи с порносайтов пожалуй сложнее, чем просто написать его. Но появилось оно на порносайтах, да. Как и многое другое, что мы теперь используем в интернете;)parapetof
19.10.2015 12:44+1Я тоже очень надеюсь, что это шутка. Иначе это прям «ах».
esc
19.10.2015 15:03Если бы это была не шутка, а копипаста кода, то как минимум можно было бы найти оригинал. Вы заметили подобный код на самом порхабе?
parapetof
19.10.2015 16:14+4могу в личку закинуть, где я его заметил ещё ) а то, боюсь роскомнадзор может хабр прикрыть
наверняка уже «автоматическая система фильтрации контента» в стойку встала на упоминания браззерс.
HomoLuden
19.10.2015 13:48+2Мне показалось, что это такой метод защиты реализации. Вот и автор задался вопросом аналогичных либ, убоявшись «дралоскопировать» эту реализацию.
zzzmmtt
19.10.2015 14:02+11The internet is really really great. For porn!
Why you think the net was born?
knitevision1
19.10.2015 14:54+2Хм. А где здесь шутку можно найти-то? Улыбает, но над кем шутка-то?..
esc
19.10.2015 15:02+6Ну зашел менеджер, сказал сделайте чтобы картинки как на порнхабе перелистывались по наведению. Вот и сделали, «как на порнхабе».
gorbln
19.10.2015 16:14+11В подтверждение слов, отличная фишка предпросмотра видео при наведении курсора на полосу прокрутки появилась на xnxx / xvideos на год, наверное, раньше, чем на youtube.
ComodoHacker
19.10.2015 12:50+7Вывод: разработчики auto.ru, как все настоящие разработчики, тоже ленивы.
Zalina
19.10.2015 16:03+40Всем привет! Меня тут anton_z, который сейчас в командировке с плохим интернетом, просил передать:
Я пытался описать ребятам, что я хочу от просмотра фоток. Но не помнил, где я это видел (потом оказалось, что на Airbnb). Кто-то понял, что я хочу и показал это на сервисе brazzers (простите, я до этого не видел его). С тех пор оно так внутри и называется и в верстку с таким названием проникло. Код там свой, все своё. А название — скорее, шутка. На мой вкус, удачная. Но, конечно, #ВернитеСтарыйCSS.
OlegTar
19.10.2015 23:27+4Алиби засчитано
Guria
20.10.2015 09:10+3В дополнение в защиту: модуль написан с помощью модульной системы ymodules, использует фреймворк i-bem.js являющегося частью bem-core. Простите, чтобез ссылок, я с телефона. Просто загуглите что это за стек такой :)
parapetof
21.10.2015 13:09Про методологию эту слышал, про специализированный js фреймворк не слышал.
Cпасибо, изучу.
jemali_m
19.10.2015 17:05+8Ребята решили дописать )
Ищем талантливого frontend-разработчика с чувством юмора
MaximAL
19.10.2015 17:28+2Забавно.
Кстати, мне думается, в исходном коде страниц сайтов столько подобных приколюх, что написанное здесь — просто вершина айсберга.janitor
19.10.2015 18:11+12Как-то недавно заметил тоже:
MaximAL
19.10.2015 18:15-23Ой, да я сам такое люблю. У меня частенько:
<!-- Huyandex.Huetrika huyounter --> <script type="text/javascript"> // … </script> <!-- /Huyandex.Huetrika huyounter --> <!-- Google.Paralitics --> <script type="text/javascript"> // … </script> <!-- /Google.Paralitics -->
chill84
20.10.2015 14:19Сайт одной известной дизайн-студии
petrovnn
20.10.2015 15:38А разве в Mac OS, на предпросмотре папки нет такого (подобного) эффекта? В случае если в папке лежат фотки, то проведя горизонтально курсором по эскизу папки переключает фотографии, которые в этой папке лежат, схожим с сабжем способом.
Сам я никогда не работал в маке, и точно не знаю и проверить не могу. Но действительно-ли эта фишка появилась впервые на порносайтах, может все-таки впервые она появилась в маках? Маководы, поправьте меня если не прав.
MasMaX
21.10.2015 11:09+2Я видимо так сильно отстал от жизни, что только сейчас узнал, что авто.ру пренадлежит яндексу…
MaximAL
22.10.2015 12:06+2Короче, хоть меня и дико заминусовали за комментарий выше, я всё равно не считаю такое трагедией.
Наоборот, всегда интересно делать что-то, что заметят единицы, отчего бы и не написать комментарий в исходнике или назвать как-то по-особенному класс; это будет приятным бонусом внимательному читателю комментариев. Обычная профессиональная шутка, не более.
BashXP
Рейтинг фильмов для нового Кинопоиска они от туда же походу парсили.