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

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

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

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


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

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


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