Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
Dizy
0 / 0 / 0
Регистрация: 09.05.2014
Сообщений: 1
#1

Как сделать слайдер

12.05.2014, 15:12. Просмотров 664. Ответов 1
Метки нет (Все метки)

Друзья, объясните как сделать следующий эффект
При клике на фото должен плавно меняться комментарий.
Как сделать слайдер


Код HTML:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="comments">
<h1> Отзывы наших клиентов</h1>
<ul>
<li> <a> <img src="img/foto1.JPG"></img></a></li>
<li> <a> <img src="img/foto2.JPG"></img></a></li>
<li> <a> <img src="img/foto3.JPG"></img></a></li>
<li> <a> <img src="img/foto4.JPG"></img></a></li>
<li> <a> <img src="img/foto5.JPG"></img></a></li>
</ul>
<div class="textComments">
<div class="left"></div>
<div class="textarea">
<a id="p1"><p>Текст 1</p></a> 
<a id="p2"><p>Текст 2</p> </a>
<a id="p3"><p>Текст 3</p> </a>
<a id="p4"><p>Текст 4</p> </a>
<a id="p5"><p>Текст 5</p> </a>
</div>
CSS
CSS
1
2
3
4
5
6
7
8
9
10
11
#comments a:active#p1,
#comments a:active#p2,
#comments a:active#p3,
#comments a:active#p4,
#comments a:active#p5
{
transform: translate(0,100px);
-webkit-transform: translate(0,50px);
-moz-transform: translate(0,50px);
-o-transform: translate(0,50px);
}

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.05.2014, 15:12
Ответы с готовыми решениями:

Как сделать слайдер?
Доброе утро! Как сделать подобное? Это мой макет. ...

Объясните как сделать слайдер без jqerty
Объясните как сделать слайдер без jqerty

Как создать слайдер?
Как создать слайдер для 6 элементов с прокруткой в 1 слайд

Как создать слайдер?
На сайте http://kandevelopment.com/about/ есть слайдер на несколько картинок...

Как изменить слайдер
&lt;div class=&quot;slider clearfix&quot;&gt; &lt;span...

1
Excubitor
9 / 9 / 3
Регистрация: 23.05.2013
Сообщений: 129
12.05.2014, 15:55 #2
Эм... html/css здесь не поможет. Путь вам к js или jquery.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.05.2014, 15:55

Резиновый слайдер ! Как растянуть ?
Всем привет. Есть слайдер, растягивается на всю ширину экрана. Нужно что-бы так...

Как называется этот слайдер
Как называется вот такой слайдер бегущей строки, как на этом сайте...

Как создать слайдер из картинок?
Здравствуйте Уважаемые Вебмастера! Скачал с официального сайта 'Орифлэйм'...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru