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

Имеется верстка, которую попробовали сделать на скрипте 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/

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

6 лет назад
Kurilshik
40 летУкраина
18 лет в сервисе
Был
19 часов назад
  • Похожие заказы
  • Необходимо доработать сайт Promositeточкаpro  1.На слайдер на первом экране повесить кнопки смены слайдов и клик по банеру (повесить ссылки на слайды) 2. На иконки повесить всплывающие подсказки (при клике) на полу прозрачном фоне с текстом в нутри ...

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

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

    HTML-верстка1 исполнитель
    Завершен
    6 лет назад
  • 1) За основу можно взять [url=https://www.drupal.org/project/basic]https://www.drupal.org/project/basic[/url], ширина страницы на весь экран. 1.1) На этой теме есть сайт [url=https://coclico.com/collections/all/products/ruby-dew-heel]https://coclico.com/collections/all/products/ruby-dew-heel[/url] лаконично и четко смотрится. ([url=https://www.shopumeboshi.com/]https://www.shopumeboshi.com/[/url]) 2) элементы разместить как на сайте [url=http://dresscodelady.com/]http://dresscodelady.com/[/url] Кроме: [list][*]2.1 )маленькие фото товара размещать справа как в [url=http://ladylike.com.ua/node/4604]ladylike.com.ua/node/4604[/url] в версии ПК, в мобильной ...

    HTML-верстка1 заявка
    Закрыт
    6 лет назад
  • Добрый день! Требуется ОЧЕНЬ КАЧЕСТВЕННО и с пристрастием заверстать сайт Интерактивный макет по ссылке (нажимайте на стрелки что-бы листать страницы): [url=https://xd.adobe.com/view/b71be0c5-0489-4174-4108-278fc0340958-c12a/?fullscreen][/url]https://xd.adobe.com/view/187f616a-f277-43ef-6c7b-253de92418f9-6e4e/?fullscreen Плавное появление элементов при скролле или открытии страниц, адаптивно для планшетов и телефонов! Адапив прорисован в макете. Макет вAdobe XD Жду ...

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

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

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

    HTML-верстка11 заявок
    Закрыт
    6 лет назад
  • Нужно переделать верстку сайта с vue js на обычную Есть большие проблемы с использованием лендинга на vue.js - устали бороться с болезнями vue и хотим перейти на обычный html с js

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