X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как реализовать такой слайдер?
Banderas
Banderas
Topic Starter сообщение 9.12.2011, 21:42; Ответить: Banderas
Сообщение #1


Есть задание - реализовать такой слайдер.
Прикрепленное изображение

Если прямоугольник - не проблема, а тут параллелограмм.. как решить с этим проблему? Какие пути решения проблемы подскажите?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
interceptorS_mw
interceptorS_mw
сообщение 10.12.2011, 0:39; Ответить: interceptorS_mw
Сообщение #2


Видел? http://ruseller.com/lessons.php?rub=32&id=106
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 10.12.2011, 1:01; Ответить: matroskin8
Сообщение #3


Слайдера, который бы решал поставленную задачу не встречал. Как вариант, делать картинки слайдера с треугольными фоновыми полями.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Banderas
Banderas
Topic Starter сообщение 10.12.2011, 3:00; Ответить: Banderas
Сообщение #4


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

matroskin8, та я тоже так думал... может в JQuery есть такое как маска? Как во флеше!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 10.12.2011, 3:07; Ответить: yury_mw
Сообщение #5


(Banderas @ 9.12.2011, 21:42) *
Если прямоугольник - не проблема, а тут параллелограмм.. как решить с этим проблему? Какие пути решения проблемы подскажите?

Если проблема, именно, в превращении прямоугольника в параллелограмм, то просто накладываем подходящую маску (хоть в виде параллелограмма, хоть любой другой сколь угодно замысловатой формы), например, так:
<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 —
Прикрепленное изображение

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Поблагодарили: (0)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2275 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3635 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1925 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:59
Дизайн