Основной баннер JQuery? - PullRequest
Новая
       27

Основной баннер JQuery?

0 голосов
/ 21 декабря 2011

Я все еще новичок в jQuery и пришел из флеш / javascript фона, когда дело доходит до баннеров и динамических веб-функций. Кто-нибудь знает какие-нибудь хорошие учебники для простого вращающегося баннера?

Я хочу построить одно с 3 вращающимися изображениями и кнопкой 1,2,3, чтобы вернуться к другим изображениям.

Любая помощь или совет будут великолепны.

Ответы [ 3 ]

1 голос
/ 21 декабря 2011

Посмотрите на эту функцию, это простой слайдер:

HTML 

<img src="pic_01.jpg" id="photo" />
<span id="slideNumber"></span>

JS 

var ImageArr1 = new Array("pic_01.jpg","pic_02.jpg","pic_03.jpg");
var ImageHolder1 = document.getElementById("photo");

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
document.getElementById('slideNumber').textContent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3500);
}

RotateImages(1,0);

У меня есть контейнер с картинками, и я переключаю его атрибут SRC, чтобы показать другие картинки.Он автоматически рассчитан на 3500 миллисекунд и показывает информацию об индексе изображения ниже.

Это чистый JavaScript, который я знаю, но взгляните на него.Он научит вас некоторым основам.

1 голос
/ 21 декабря 2011

JQuery Cycle-плагин идеально подходит для этого

http://jquery.malsup.com/cycle/

Он даже создает динамическое меню (как 1,2,3-бутон, как вы хотели).

1 голос
/ 21 декабря 2011
...