Суббота, 26.05.2018, 03:03
Приветствую Вас Гость | RSS

Bitrix программирование

Категории раздела
Статистика



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Карусель на JQUERY

Каталог статей

Главная » Статьи » Программирование

Карусель на JQUERY
<html>
<head>
 
<!-- You can load the jQuery library from the Google Content Network.
Probably better than from your own server. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<!-- Load the CloudCarousel JavaScript file -->
<script type="text/JavaScript" src="/js/cloud-carousel.1.0.4.js"></script>
<script> $(document).ready(function(){ // This initialises carousels on the container elements specified, in this case, carousel1. $("#carousel1").CloudCarousel( { xPos: 128, yPos: 32, buttonLeft: $("#left-but"), buttonRight: $("#right-but"), altBox: $("#alt-text"), titleBox: $("#title-text") } ); }); </script> </head> <body> <!-- This is the container for the carousel. --> <div id = "carousel1" style="width:256px; height:128px;background:#000;overflow:scroll;"> <!-- All images with class of "cloudcarousel" will be turned into carousel items --> <!-- You can place links around these images --> <img class = "cloudcarousel" src="/images/carousel/flags/flag1.png" alt="Flag 1 Description" title="Flag 1 Title" /> <img class = "cloudcarousel" src="/images/carousel/flags/flag2.png" alt="Flag 2 Description" title="Flag 2 Title" /> <img class = "cloudcarousel" src="/images/carousel/flags/flag3.png" alt="Flag 3 Description" title="Flag 3 Title" /> <img class = "cloudcarousel" src="/images/carousel/flags/flag4.png" alt="Flag 4 Description" title="Flag 4 Title" /> </div> <!-- Define left and right buttons. --> <input id="left-but" type="button" value="Left" /> <input id="right-but" type="button" value="Right" /> <!-- Define elements to accept the alt and title text from the images. --> <p id="title-text"></p> <p id="alt-text"></p> </body> </html>
http://bitrix.ucoz.kz/cloud-carousel.1.0.4.js


Источник: http://www.professorcloud.com/mainsite/carousel-integration.htm
Категория: Программирование | Добавил: Shak (23.11.2010)
Просмотров: 5569 | Теги: Карусель на JQUERY | Рейтинг: 0.0/0
Поиск

Shak © 2018
Копирование материала без указания автора и ссылки на сайт запрещается.
Если вы разместили материал у себя на сайте обязательно свяжитесь со мной shakleinserg{собака}gmail.com
Создать бесплатный сайт с uCoz