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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как в слайдере уменьшить размер слайдов?
klimentino
klimentino
Topic Starter сообщение 3.3.2016, 20:46; Ответить: klimentino
Сообщение #1


В принципе вопрос озвучен в теме
Сам слайдер и исходники находятся здесь - http://tutorialzine.com/2013/02/animated-css3-photo-stack/
Заранее спасибо за помощь
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
illi
illi
сообщение 3.3.2016, 21:35; Ответить: illi
Сообщение #2


В этих строках, файл прикрепил

Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klimentino
klimentino
Topic Starter сообщение 3.3.2016, 21:59; Ответить: klimentino
Сообщение #3


Спасибо за помощь, уменшил :) :smile-thumb-up: :smile-thumb-up: :smile-thumb-up:
А эти строки обазательно удалять ? :
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
illi
illi
сообщение 3.3.2016, 22:10; Ответить: illi
Сообщение #4


klimentino, Нет, насколько я знаю они отвечают за отображение в разных браузерах,например, в chrome,safari,ie и тп
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klimentino
klimentino
Topic Starter сообщение 3.3.2016, 22:13; Ответить: klimentino
Сообщение #5


Вижу вы хорошо разбираетесь в коде :smile-thumb-up: :)

Подскажите как вынести данные строки слайдера в css ?

                <ul id="photos">
                    <li><a href="http://www.flickr.com/photos/brockwhittaker/8500935165/" style="background-image:url(images/slider/udar-shershnia.jpg)">Landscape 5</a></li>
                <li> ...</li>
                </ul>


Сообщение отредактировал klimentino - 3.3.2016, 22:14
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
illi
illi
сообщение 3.3.2016, 22:17; Ответить: illi
Сообщение #6


klimentino,Какие строки? я немного не понял. Не то что бы хорошо, но база есть  :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klimentino
klimentino
Topic Starter сообщение 3.3.2016, 22:21; Ответить: klimentino
Сообщение #7


Данные строки находятся в коде html странички , как их вынести в файл css ?
Это сами картинки слайдера в списке

<ul id="photos">
                    <li><a href="http://www.flickr.co...ker/8500935165/" style="background-image:url(images/slider/udar-shershnia.jpg)">Landscape 5</a></li>
                <li> ...</li>
                </ul>

<header>
<div id="logo_box">
<h1><a href="http://netearn.ru/" id="logo">Заработок в интернете с нуля <span>Только практический опыт </span></a></h1>
</div>
<nav>
<ul id="menu">
<li><a href="obuchajushhie-video-kursy-dlja-nachinajushhih.htm">Видео курсы</a></li>
<li><a href="currency-exchange.htm">Обменники валют</a></li>
<li><a href="uslugi-po-sozdaniju-sajta.htm">Услуги</a></li>
<li class="bg_none"><a href="communications.htm">Контакты</a></li>
</ul>
</nav>
<!-- slider -->
<div class="slider">
<ul id="photos">
<li><a href="http://www.flickr.com/photos/brockwhittaker/8500935165/" style="background-image:url(images/slider/udar-shershnia.jpg)">Landscape 5</a></li>
<li><a href="http://www.flickr.com/photos/31538238@N07/8412935103/" style="background-image:url(images/slider/prokrastinatorskie-petli.jpg)">Landscape 4</a></li>
<li><a href="http://www.flickr.com/photos/zanthia/8461978995/" style="background-image:url(http://farm9.staticflickr.com/8388/8461978995_1a4a48ca14_c.jpg)">Landscape 3</a></li>
<li><a href="http://www.flickr.com/photos/29066067@N02/8452950806/" style="background-image:url(http://farm9.staticflickr.com/8233/8452950806_3faf2a6546_z.jpg)">Landscape 2</a></li>
<li><a href="http://www.flickr.com/photos/zanthia/8477608906/" style="background-image:url(http://farm9.staticflickr.com/8094/8477608906_a02f8d5774_z.jpg)">Landscape 1</a></li>
</ul>
<!-- стрелки slider -->
<a href="#" class="arrow previous"></a>
<a href="#" class="arrow next"></a>
<!-- стрелки slider -->
</div>
<!-- slider -->
</header>


Сообщение отредактировал klimentino - 3.3.2016, 22:20
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
illi
illi
сообщение 3.3.2016, 22:22; Ответить: illi
Сообщение #8


klimentino,Так для этих строк приписан id="photos". Соответственно находите этот id в css файле и переносите эти строки 
"background-image:url(images/slider/udar-shershnia.jpg)"
в нужный id в css файл  :)  :)  
А зачем их выносить то?


Сообщение отредактировал illi - 3.3.2016, 22:23
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klimentino
klimentino
Topic Starter сообщение 3.3.2016, 22:24; Ответить: klimentino
Сообщение #9


Не знаю как перенести чтобы списком было, если один бекграунд то понятно

#photos{
margin:0 auto;
padding-top:170px;
width:800px;
position:relative;
}

#photos li{
position:absolute;
width:350px;
height:350px;
overflow:hidden;
background-color:#fff;
box-shadow: 1px 1px 1px #ccc;
z-index:10;

-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}

#photos li a{
position:absolute;
top:6px;
left:6px;
right:6px;
bottom:6px;
background-size: cover;
text-indent:-9999px;
overflow:hidden;
}

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
illi
illi
сообщение 3.3.2016, 22:27; Ответить: illi
Сообщение #10


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


Свернуть

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

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


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:23
Дизайн