Детективная история — Что общего между auto.ru и brazzers?

Недавно полез я на сайт auto.ru, в поисках авто. И в друг увидел очень интересный виджет галереи который я уже где-то видел, выглядит он примерно так:

image

То есть снизу под фотографией есть некие «селекторы», переход по которым помогает посмотреть все изображения, относящиеся к товару.

Одним из проектов, которым я сейчас занимаюсь, является интернет-магазин автозапчастей, и там есть необходимость демонстрировать максимальное количество фотографий товара в каталоге.

Заинтересовавшись, я, как типичный ленивый разработчик, решил проверить: что это за чудный плагин такой. Лезу в код и вижу классы:

image

Как человек, достигший половой зрелости, я понимаю, что здесь что-то нечисто. Читаю код далее и понимаю, что мои сомнения были не беспочвенны:

image

Интересно, это очередная (после кинопоиска) лажа от «Яндекса», или просто «пасхалочка»?

P.S.: Напоследок шикарное название шаблона (видимо):

image

P.P.S.: Если кто-то знает аналогичные библиотеки\плагины, киньте в комментарий или в личку.

UPD. всё-таки пасхалка!

UPD2.
один из вариантов проно галереи (jQuery) — jsfiddle.net/hhz9bu0z от wdmaster
Поделиться публикацией
Комментарии 71
    –5
    Рейтинг фильмов для нового Кинопоиска они от туда же походу парсили.
      –19
      Разве это не для тостера? Причём тут Хабр?
        +15
        Подумалось, что раз вопросы касаются вёрстки, возможно это всё же сюда. Но допускаю, что запостил не на тот ресурс.
          +1
          не не я без притензий. Мне теперь тоже интересно =)

          вопросы касаются вёрстки

          Это наверное стоило бы отразить в заголовке. Так люди бы точно понимали — что это их вопрос.

          +12
          Тостер для вопросов. Тут хоть и есть вопрос, но он риторический.
          +9
          Если кто-то знает аналогичные библиотеки\плагины

          Советую самим написать, это просто, легко и зато максимально подойдёт конкретно вашему случаю.
            0
            Минусуют те кто плохо умеют писать сами и считают что это долго…
              –12
              а те кто минусят в карму — пишут на пхп =)
                +8
                ладно-ладно, laravel торт. Новая версия: «программируют на битриксе».
                  +1
                  Ошибку понял. Шутка не удалась. Прошу простить.
                0
                Это хорошо, если много человек-часов в запасе
                  0
                  Это скорее всего будет быстрее чем вы будете натягивать нужный вам дизайн на чужую галерею.
                    0
                    Не скажу за всех, но мой опыт говорит об обратном. Во всех сферах программирование использование готового как правило даёт более быстрый и качественный результат. Исключение составляют небольшие и инидвидуальные потребности, под которые нет подходящего решения, а подгон похожих решений действительно занимает больше времени.
                      +1
                      У меня обратный опыт. Сильное увлечение батарейками, плагинами и готовыми скриптами:
                      1. Понижает качество продукта.
                      2. Повышает вероятность трудно находимых багов.
                      3. Усложняет исправление багов.
                      4. Часто приводит к тому, что «проще было бы написать с 0 чем дописывать, что мы ломали последние 2 месяца»
                      5. Ад зависимостей.

                      Не видел плагинов которые бы 100% подходили бы и их не пришлось бы дописывать. Готовым может быть либо совсем атомарный и маленький функционал который легко можно встроить без сайд эффектов и большой/сложный который самому писать было бы неразумно долго.
                      В рамках галереи вам и так дизайн скорее всего отвёрстывать нужно будет, а потом поменяется логика, потом ещё что…
                        0
                        По-моему, Вы столкнулись с действительно сильным увлечением. Спорить дальше не вижу смысла.
                  +1
                  кстати, к слову, иногда лезешь в код, смотришь — как оно там написано, и пишешь своё, более изящное.
                  +4
                  Это прекрасно!
                    +41
                    Ждём от яндекса плагина для карт — точки работы проституток!
                      +49
                      Интеграция с я.деньги и я.такси.
                        +66
                        Я.Проститутка?
                          +85
                          Я.ДЬ
                            +6
                            Идеально!
                            Пора регистрировать домен!
                            –5
                            Шикарно!
                          +29
                          Мне кажется, разработчики пошутили просто таким образом.
                          Копировать код такой галереи с порносайтов пожалуй сложнее, чем просто написать его. Но появилось оно на порносайтах, да. Как и многое другое, что мы теперь используем в интернете;)
                            +1
                            Я тоже очень надеюсь, что это шутка. Иначе это прям «ах».
                              0
                              Если бы это была не шутка, а копипаста кода, то как минимум можно было бы найти оригинал. Вы заметили подобный код на самом порхабе?
                                +4
                                могу в личку закинуть, где я его заметил ещё ) а то, боюсь роскомнадзор может хабр прикрыть
                                наверняка уже «автоматическая система фильтрации контента» в стойку встала на упоминания браззерс.
                              +16
                              Возможно кто-то из фронтенд разработчиков подрабатывает и на brazzers :)
                                +3
                                Или черпает… хм… вдохновение.
                                +2
                                Мне показалось, что это такой метод защиты реализации. Вот и автор задался вопросом аналогичных либ, убоявшись «дралоскопировать» эту реализацию.
                                  +11
                                  The internet is really really great. For porn!
                                  Why you think the net was born?
                                    +2
                                    Хм. А где здесь шутку можно найти-то? Улыбает, но над кем шутка-то?..
                                      +6
                                      Ну зашел менеджер, сказал сделайте чтобы картинки как на порнхабе перелистывались по наведению. Вот и сделали, «как на порнхабе».
                                      0
                                      А откуда вы так наверняка знаете, что галереи для порносайтов делают другие разработчики? ;)
                                        +1
                                        На порносайтах, которые упомянуты в верстке, это галерея сделана иначе. Одна разработчики или нет, это явно не копипаст.
                                        +11
                                        В подтверждение слов, отличная фишка предпросмотра видео при наведении курсора на полосу прокрутки появилась на xnxx / xvideos на год, наверное, раньше, чем на youtube.
                                        +7
                                        Вывод: разработчики auto.ru, как все настоящие разработчики, тоже ленивы.
                                          +7
                                          Фронтендер спалился
                                            +7
                                            Астрологи объявили неделю фейлов Яндекса.
                                              +6
                                              Количество пасхалок от разработчиков удваивается.
                                              +26
                                              19к просмотров статьи. А всего-то одно упоминание brazzers
                                                +10
                                                у alizar растёт конкурент по желтушным заголовкам)
                                                +1
                                                Ну пасхалочка же. За коментариями — к twitter.com/flackus
                                                  +40
                                                  Всем привет! Меня тут anton_z, который сейчас в командировке с плохим интернетом, просил передать:
                                                  Я пытался описать ребятам, что я хочу от просмотра фоток. Но не помнил, где я это видел (потом оказалось, что на Airbnb). Кто-то понял, что я хочу и показал это на сервисе brazzers (простите, я до этого не видел его). С тех пор оно так внутри и называется и в верстку с таким названием проникло. Код там свой, все своё. А название — скорее, шутка. На мой вкус, удачная. Но, конечно, #ВернитеСтарыйCSS.
                                                    +3
                                                    ну вот, actum est, ilicet
                                                      +4
                                                      Алиби засчитано

                                                        +3
                                                        В дополнение в защиту: модуль написан с помощью модульной системы ymodules, использует фреймворк i-bem.js являющегося частью bem-core. Простите, чтобез ссылок, я с телефона. Просто загуглите что это за стек такой :)
                                                          0
                                                          Про методологию эту слышал, про специализированный js фреймворк не слышал.
                                                          Cпасибо, изучу.
                                                      +3
                                                      Признание БЭМ-сообщества со стороны pornhub, не иначе.
                                                      Отличная шутка же.
                                                        +5
                                                        Верхняя плашка с ссылками на хабре несколько месяцев называлась #pornohabr
                                                          +8
                                                          Ребята решили дописать )

                                                          Ищем талантливого frontend-разработчика с чувством юмора


                                                            +12
                                                            видимо не возьмут уже меня… зато на НТВ — наверняка )
                                                              +11
                                                              Какой оперативный деплой в такой крупной компании!
                                                              раз-раз и в продакшн.
                                                                +1
                                                                У них деплой по нескольку раз на дню.
                                                              +2
                                                              Забавно.

                                                              Кстати, мне думается, в исходном коде страниц сайтов столько подобных приколюх, что написанное здесь — просто вершина айсберга.
                                                                +12
                                                                Как-то недавно заметил тоже:

                                                                image
                                                                  –23
                                                                  Ой, да я сам такое люблю. У меня частенько:

                                                                  <!-- Huyandex.Huetrika huyounter -->
                                                                  <script type="text/javascript">
                                                                  // …
                                                                  </script>
                                                                  <!-- /Huyandex.Huetrika huyounter -->
                                                                  
                                                                  <!-- Google.Paralitics -->
                                                                  <script type="text/javascript">
                                                                  // …
                                                                  </script>
                                                                  <!-- /Google.Paralitics -->
                                                                  
                                                                    +18
                                                                    Во всем должно быть чувство меры.
                                                                      +4
                                                                      Согласен.
                                                                +2
                                                                Был удивлён увидев на Яндекс.Недвижимости такое
                                                                image
                                                                  –5
                                                                  Мордой некоторые разработчики называют клиентский веб-интерфейс. Обычный профессиональный сленг. Соответственно NEW_MORDA — это обновленный веб-интерфейс.
                                                                  0
                                                                  Сайт одной известной дизайн-студии
                                                                  image
                                                                    0
                                                                    Эммм… Что это??
                                                                      0
                                                                      главная design.ru
                                                                        +1
                                                                        Но что означает этот комментарий?
                                                                          +2
                                                                          Наверное им тоже нужен фронтенд
                                                                            0
                                                                            Когого-то за тэг
                                                                            уволили без зарплаты?
                                                                    0
                                                                    А разве в Mac OS, на предпросмотре папки нет такого (подобного) эффекта? В случае если в папке лежат фотки, то проведя горизонтально курсором по эскизу папки переключает фотографии, которые в этой папке лежат, схожим с сабжем способом.

                                                                    Сам я никогда не работал в маке, и точно не знаю и проверить не могу. Но действительно-ли эта фишка появилась впервые на порносайтах, может все-таки впервые она появилась в маках? Маководы, поправьте меня если не прав.
                                                                      +2
                                                                      Я видимо так сильно отстал от жизни, что только сейчас узнал, что авто.ру пренадлежит яндексу…
                                                                        +2
                                                                        Короче, хоть меня и дико заминусовали за комментарий выше, я всё равно не считаю такое трагедией.
                                                                        Наоборот, всегда интересно делать что-то, что заметят единицы, отчего бы и не написать комментарий в исходнике или назвать как-то по-особенному класс; это будет приятным бонусом внимательному читателю комментариев. Обычная профессиональная шутка, не более.

                                                                        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                                        Самое читаемое