Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Имеется верстка, которую попробовали сделать на скрипте masonry

http://popov.ints.net/_projects/ap2018/verstka/sites.html

Это портфолио, которое имеет следующие особенности:

1) В плитке выводится два вида работ 100% ширины и 50% ширины, то есть выводится узкая превьюшка с текстом и широкая, равная двум узким.

2) В узких работах, выводится символ, которые крутится при наведении. В остальных случаях, просто увеличивается фон при наведении.

3) Адаптивно мы разбиваем на несколько точек, когда уменьшаем размер окна, на 1920 мы показываем 7 узких превьюшек, либо 5 узких 1 широкую, то есть в сумме 7 выходит. Уменьшите окно, чтобы посмотреть, изменения.

Необходимо сверстать данную страницу на примере скрипта masonry как попробовали мы или другого скрипта со следующими требованиям:

1) В данный момент, у нас иногда возникают пробелы при добавлении новых работ, грубо говоря пустые места появляются, какие-то лишние отступы, выравнивается криво.

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

3) Нужно учесть, что первой превьюшкой может быть как узкая так и широкая, работы постоянно добавляются, предугадать порядок невозможно.

Вот скрипт, который используем: https://masonry.desandro.com/

Плавная подгрузка устраивает как здесь: https://infinite-scroll.com/demo/masonry/

Просьба указать стоимость и срок

7 лет назад
Kurilshik
41 год
19 лет в сервисе
Был
день назад

Заявки фрилансеров

Нет заявок фрилансеров
  • Похожие заказы

  • Необходимо доработать сайт Promositeточкаpro  1.На слайдер на первом экране повесить кнопки смены слайдов и клик по банеру (повесить ссылки на слайды) 2. На иконки повесить всплывающие подсказки (при клике) на полу прозрачном фоне ...

    HTML-верстка9 заявок
    Закрыт
    7 лет назад
  • Приветствую! Нужна верстка одной страницы:  http://safarizator.ru/files/out5b3cc39b5222aa7f/home.png Желательно адаптивно (но макетов под адаптив нет). А также и особых рамок тоже нет, просто чтобы было удобно смотреть на планшете/телефоне. ...

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад
  • Добрый день! Нужно сверстать страницу Контакты и натянуть на сайт. Сайт на Вордпресе кроссбраузерностьадаптивностьминимум кодавысокая скорость загрузки страницсемантичностьвалидностьСроки - несколько дней Оплата - договорная

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад
  • 1) За основу можно взять https://www.drupal.org/project/basic, ширина страницы на весь экран. 1.1) На этой теме есть сайт https://coclico.com/collections/all/products/ruby-dew-heel лаконично и четко смотрится. (https://www.shopumeboshi.com/) 2) элементы разместить как на сайте http://dresscodelady.com/ Кроме: 2.1 )маленькие фото ...

    HTML-верстка1 заявка
    Закрыт
    7 лет назад
  • Добрый день! Требуется ОЧЕНЬ КАЧЕСТВЕННО и с пристрастием заверстать сайт Интерактивный макет по ссылке (нажимайте на стрелки что-бы листать страницы): https://xd.adobe.com/view/187f616a-f277-43ef-6c7b-253de92418f9-6e4e/?fullscreen Плавное появление элементов при ...

    HTML-верстка12 заявок
    Закрыт
    7 лет назад
  • $20

    есть сайт нужно сделать на нем правки по стилям https://docs.google.com/presentation/d/1ZUnQ2igKNmjLgFAA1C1pE5FfurDIx79Etjx5B-EZSP4/edit#slide=id.g3a5e9cf3a5_0_49 Вы работаете только с цсс если нужно добавить классы дивы спаны просите меня 10 минут я делаю я программист

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад
  • Есть вёрстка сайта сделанная по макету.  Требуется срочно внести правки, всё в основном касается адаптивности. Если вы не можете приступить прямо сейчас не отвечайте.  Заинтересованным сразу вышлю ссылки на макет и текущую верстку.  Исправить ...

    HTML-верстка11 заявок
    Закрыт
    7 лет назад