Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 66 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


Как реализовать такой слайдер?

#1 Banderas

Banderas
  • Пользователь
  • 1168 сообщений
  • Репутация: 1
0

Отправлено 09 December 2011 - 20:42

Есть задание - реализовать такой слайдер.
slider.JPG
Если прямоугольник - не проблема, а тут параллелограмм.. как решить с этим проблему? Какие пути решения проблемы подскажите?

 

 

  • 0

I'm web-developer 

Magento one love!



robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Как отредактировать скрипт слайдера под себя
  2. Влияние рандомного слайдера на индексацию сайта
  3. 2 слайдера на одной странице
  4. Как установить слайдер на сайт
  5. Как сделать чтобы работали два слайдера на одной странице независимо

#2 interceptorS

interceptorS
  • Неактивные
  • 52 сообщений
  • Репутация: 0

Отправлено 09 December 2011 - 23:39

Видел? http://ruseller.com/...p?rub=32&id=106
  • 0

#3 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 10 December 2011 - 00:01

Слайдера, который бы решал поставленную задачу не встречал. Как вариант, делать картинки слайдера с треугольными фоновыми полями.
  • 0


#4 Banderas

Banderas
    Topic Starter
  • Пользователь
  • 1168 сообщений
  • Репутация: 1

Отправлено 10 December 2011 - 02:00

interceptorS, ты хоть читаешь описание темы?

matroskin8, та я тоже так думал... может в JQuery есть такое как маска? Как во флеше!
  • 0

I'm web-developer 

Magento one love!



#5 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 10 December 2011 - 02:07

Если прямоугольник - не проблема, а тут параллелограмм.. как решить с этим проблему? Какие пути решения проблемы подскажите?

Если проблема, именно, в превращении прямоугольника в параллелограмм, то просто накладываем подходящую маску (хоть в виде параллелограмма, хоть любой другой сколь угодно замысловатой формы), например, так:
<html>
<head>
<style type="text/css">
#photo{
width: 920px;
height: 284px;
background: url(photo.jpg) no-repeat;
}
#mask{
width: 920px;
height: 284px;
background: url(mask.png) no-repeat;
}
</style>
</head>
<body>
<div id="photo"><div id="mask"></div></div>
</body>
</html>

mask.png —
mask.png
Вроде все не сложно и большого смысла заставить рисовать маску именно jQuery не видно.
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru