Нестандартный слайдер изображений (ромбовидный)

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

Нужно сделать слайдер. Изображение слайдера в прикрепленном файле. Лучше сразу посмотреть, расположение элементов нестандартное.

Описание:

0. Функционал слайдера стандартный:

а. отображение списка кликабельных ромбовидных изображений, при этом поверх изображений могут располагаться ( но не обязательно )

-- а.1 текст ( кликабельный, ссылается туда же куда и изображение )

-- а.2 иконки

б. прокрутка при помощи кнопок управления

- в. слайдер прокручивается по принципу барабана - бесконечно в обе стороны. Когда изображения заканчиваются, то они начинают повторятся с начала (или с конца, в зависимости от того в какую сторону крутим ).

1. В слайдере используются изображения в виде ромба. Это прямоугольная png-шка с прозрачностью по углам. Расположение элементов - см. прикрепленный фаил. (Если вдруг есть/найдется вариант сделать ромбики из )

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

3. Все ромбовидные изображения кликабельные ( как большие так и малые ). Текст поверх изображений тоже кликабельный. (ссылка будет в одно и то же место)

4. На больших ромбовидных изображениях (верхний угол) есть иконки - фото или видео камеры. Они должны накладываться через html/css.

5. Часть больших ромбовидных изображений затемнена (с правой стороны) - это маска, которую нужно наложить через html и css.

Слайдер, по примеру которого должен работать текущий слайдер, находится тут http://funnelbox.com (второй слайдер сверху).

То есть, по нажатию кнопки "влево" или "вправо" элементы слайдера перемещаются с анимацией подобно слайдеру с funnelbox.com.

Требования:

- Слайдер нужно сделать как плагин для jQuery

- должны быть стили CSS к плагину в отдельном файле (именоваение стилей и т.п. - любое, на выбор. можно что-то типа diamond-slider * )

Поддерживаемые браузеры:

- все нормальные основные версии хромо-лисы

- IE8+

+ нужен пример использования внутри дива.

HTMLCSSjQuery
11 лет назад
cheebo
Сергей 
38 летРоссия
15 лет в сервисе
Был
6 лет назад
  • Похожие заказы

  • Быстро сверстать макет

    $50

    Есть макет, 2 страницы. Надо быстро, кроссбраузерно, растяжка, юзабельно. PS. И еще раз, надо будет оооочень быстро сверстать. Сроки 2+ дней не катят. Максимально сутки.

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

  • Сверстать сайт

    $50

    Есть дизайн макет в psd, пример в прикрепленном файле Срок 2 дня, после утверждения кандидатуры. Стоимость 1200 руб. Возможно предложить свою цену.

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

  • Верстка макета интернет-магазина Velo1

    $500

    Здравствуйте, Дамы и Господа. Необходимо сверстать страницы интернет-магазина велосипедов. Макеты в приложении. Условия: - валидный и чистый код html/css; - семантика, блоки DIV, JS; - кроссбраузерность (chrome, ff, safari, opera, ie 8+); - резиновая верстка ...

    JavascriptHTMLCSSВерстка макета
    HTML-верстка1 исполнитель
    Завершен
    11 лет назад

  • Вылечить код (в хроме надо как в firefox-opera)

    $10

    есть страница http://www.argo-moscow.ru/vibor_argo/ill_allergiya1.htm http://www.argo-moscow.ru/vibor_argo/2100.php.htm в гуглхроме имеем оборванный на две части экран, вообще какая-то корявая шахматка.. справа черный параллелипипед), по сути черное непонятное пространство.. в мозилле, опера, в в ИЕ- все нормально ( зеленая часть по всему верху- потом белая ...

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

  • Верстка главной страницы тренингового центра

    $50

    Здравствуйте, Дамы и Господа. Необходимо сверстать главную страницу сайта тренингого центра. Картинка в приложении. CMS wordpress. Условия: - валидность html/css - кроссбраузерность (chrome, ff, safari, opera, ie 8+) - резиновая верстка (резиновые шрифты, резиновые картинки) Цена ...

    WordPressHTMLCSSВерстка главной страницы
    HTML-верстка12 заявок
    Закрыт
    11 лет назад

  • Доделать страничку подписки

    1. Расширить верхнюю шапку на странице, до размеров экрана. Чтобы не было никаких отступов по бокам и не было горизонтального скроллинга. 2. Расширить синюю подписную форму вниз и добавить туда надпись которая снизу "Введите e-mail, которым ...

    HTML-верстка1 исполнитель
    Завершен
    11 лет назад

  • Требуется внести изменения во флеш-магазин

    $20

    Флешка куплена на templatemonster, есть исходник, нужна доработка. Предназначена для социалок. Нужно чтобы при нажатии на кнопку подробнее осуществлялся переход на сайт(ссылка естественно есть) ) а не наследующую страницу флеша. Ссылка http://www.tehno-link.ru/facebook_site/ нужно зайти, нажать на любую услугу, ...

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

  • Сделать 2 заглушки на 2 сайта

    рисовать ничего не надо, только сверстать и разместить на каждой заглушке - одна картинка, залить pdf-файл, всё остальное - сделать текстом вспомогательные материалы (лого и стилистику и всё, что надо) - выдам ТЗ, что сделать - во ...

    HTML-верстка1 исполнитель
    Завершен
    11 лет назад

  • Вёрстка одной странички

    Здравствуйте. Нужно сверстать одну не сложную страничку. Кросс-браузерно, валидно, дивы и т.д. разумеется.

    HTML-верстка1 исполнитель
    Завершен
    11 лет назад