Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Слайдер с закругленными углами / 21 сообщений из 21, страница 1 из 1
04.10.2012, 14:03:54
    #37983577
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Необходимо реализовать слайдер с закругленными углами.
Можно ли это сделать как-то иначе, чем через див с изображениями в качестве фона, семантически более правильно?
Буду признательна за ссылку на сайт, где есть подобная штука.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:06:36
    #37983588
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
http://htmlbook.ru/css/border-radius
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:07:00
    #37983589
Ифреймов Вася
Ифреймов Вася
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
son6kaНеобходимо реализовать слайдер с закругленными углами.
Можно ли это сделать как-то иначе, чем через див с изображениями в качестве фона, семантически более правильно?
Буду признательна за ссылку на сайт, где есть подобная штука.

если не требуется поддержка ie до 9 версии, то можно чисто через css
но ничего неправильного в углах - background-ах нет
не бойтесь
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:08:49
    #37983596
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Для ie младше девятки есть htc-костыль.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:16:29
    #37983621
Ифреймов Вася
Ифреймов Вася
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
AntonariyДля ie младше девятки есть htc-костыль.

да, но мне он почему-то не нравится
лучше уж картинки по углам
хотя вопрос личных предпочтений
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:41:52
    #37983722
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Я наверное неточно сформулировала вопрос.
Как скруглить углы я в курсе, мне нужно вписать изображение в блок со скругленными углами.

Код: html
1.
<div class="slider" style="background: url(images/slider/slide1.jpg)">


это нормально?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:43:16
    #37983732
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Т.е. это будет не одно изображение, а стопка слайдов, которые как-бы семантически более правильно было бы делать списком ссылок.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:48:03
    #37983744
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Слайды бекграундом как бы не делаются.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:49:21
    #37983748
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
А как делаются? Если блок с закругленными углами? Неужели закруглять углы тем же радиусом и у изображений?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 14:54:08
    #37983762
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Максимум, что я могу придумать, это список ссылок, для которых
Код: css
1.
display: inline-block

, но все также картинка - бекграундом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:07:49
    #37983801
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Закруглять углы картинкам — да, при чем тут список ссылок вообще непонятно. Нарисуйте в фотошопе, что хотите увидеть.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:23:53
    #37983865
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами

Изображения в слайдере - прямоугольные.
Блок-контейнер - со скругленными углами.
Если делать так
Код: html
1.
2.
3.
4.
<ul id="slider1">
    <li><img src="images/slide1.jpg" alt=""></li>
    <li><img src="images/slide2.jpg" alt=""></li>
    <li><img src="images/slide3.jpg" alt=""></li>


углы изображений будут выступать на скругленных углах блока-контейнера.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:29:22
    #37983878
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
чем-то напомнило http://habrahabr.ru/post/133829/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:35:27
    #37983899
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Паганель, спасибо, то, что нужно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:38:12
    #37983906
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
AntonariyСлайды бекграундом как бы не делаются.Делаются :) Вот пример . Ищем на странице элемент <ul id="slides"> и изучаем.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:42:22
    #37983925
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
skyANA, спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:42:26
    #37983926
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Я не в том смысле, что невозможно, а в том, что неправильно. Картинка в слайдере является целевым контентом, то есть тем, за чем пришел посетитель. Что если он захочет распечатать то, за чем пришел? А бекграунды по умолчанию не печатаются. А умолчания эти в настройках браузера и доступа к ним нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:44:07
    #37983931
son6ka
son6ka
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
Antonariy, вот и мне со своей нубской колокольни тоже казалось/кажется, что неправильно. Что и подвигло на поиски иного решения. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 15:57:24
    #37983960
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
AntonariyКартинка в слайдере является целевым контентом, то есть тем, за чем пришел посетитель.По ссылке перейдите :)
Там в слайдере целевой контент не картинка. Так что приходим к очевидному выводу, что всё зависит от контекста.
Если картинка - это целевой контент, то используем img с закруглёнными углами, как Вы и предлагали :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 16:00:05
    #37983966
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
skyANA Там в слайдере целевой контент не картинка.Правильней сказать, там в слайдере картинка это не целевой контент, а реклама. Тогда можно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2012, 16:08:23
    #37983993
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Слайдер с закругленными углами
AntonariyПравильней сказать...Как Вам угодно :) Факт в том, что делают и так, и сяк.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Слайдер с закругленными углами / 21 сообщений из 21, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 628ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449270]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 287ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 63ms
get tp. blocked users:
 1ms
others: 236ms
total:  628ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]