Я искал пример с кодом карусели на jQuery. Или CSS3... но нашел лишь кучу мусора и мало что по делу... вот тебе и 3Д и что хочешь, а обычной красивой нет) в общем вот пример http://lpgenerator.ru там в разделе О НАС ГОВОРЯТ нужная мне карусель. как такую сделать. будьте добры ссылку на код) буду очень благодарен!)
2 ответа
Может быть так: http://jsfiddle.net/3t6PB/2/
-
-
вот, да, хороший пример. только есть пара вопросов. 1. когда я все это дело вставляю на свой сайт, почему то не работает. даже на локальной машине, в чем причина? 2. теги section, article и nav адекватно работают во всех браузерах? почему Вы используете их вместо ДИВов?– jackair1 ноя 2013 в 19:47
-
так, жокрутил этот скрипт, все работает как нужно. тупо забыл подключить библиотеку + добавил строчку а ля: $(document).ready(function(){ НО остался вопрос об "теги section, article и nav адекватно работают во всех браузерах? почему Вы используете их вместо ДИВов?"– jackair1 ноя 2013 в 20:11
-
Да эти работают отлично во всех современных браузерах и все современные сайты их используют, совсем не стоит их смущаться.– ferrari1 ноя 2013 в 20:32
Вам поможет метод jquery.animate. Нужно создать див с overflow: hidden, напихать в него контент и анимировать margin вот так.
-
-
оно просто двигает один див внутри другого. Так как у первого overflow: hidden, в нем видна только часть второго. Слайдов несколько, тыкайте на кнопки под каруселью. Если вы про то, что див «screen» только один, то так и должно быть. В него можно напихать квадратных блочных элементов, это могут быть дивы, или, как у меня, картинки.– Zelta1 ноя 2013 в 20:16
-
Для достижения автоматической прокрутки можно повесить setInterval (jsfiddle.net/XAfhH/1 — обновил свой пример и добавил еще комментариев)– Zelta1 ноя 2013 в 20:27