jquery слайдер подключить.

[mrfrunze]

Добрый день подскажите как подключить такой слайдер http://bxslider.com/examples/thumbnail-pager-1

вроде бы все просто, но нет ни css ни  js файлов, что как подключать? Спасибо. 

P.S. скачал файл предлагаемый в правом верхнем углу, но не знаю что с ним делать...

[Galaxy]

распаковать )) а в нем уже будут и css и js файлы)

[mrfrunze]

распаковать )) а в нем уже будут и css и js файлы)

я распаковал, там только плагины и jquery файлы! нет css

[Galaxy]

http://prntscr.com/4ou0zr

[mrfrunze]

http://prntscr.com/4ou0zr

понял, спасибки, Что за файл bower.json ? 

И по делу просто подключить js и css, создать html док. вставить картинки и все заработает.? а как быть с этим куском кода, его предлагают на сайте ! спасибо 

$('.bxslider').bxSlider({  pagerCustom: '#bx-pager'});

[Galaxy]

учитесь читать документацию, к плагину очень поможет. Попробуйте сделать сами, не получиться поможет. Дока у bxslider простая.

[mrfrunze]

учитесь читать документацию, к плагину очень поможет. Попробуйте сделать сами, не получиться поможет. Дока у bxslider простая.

СПАСИБО, читаю, но не все понимаю

[BodyVop]

$('.bxslider').bxSlider({ pagerCustom: '#bx-pager' });

Я тоже новенький, но если логически подумать, то думаю данная функция заставляет картинке внизу соответствовать картинке на слайде.

[mrfrunze]

 

$('.bxslider').bxSlider({ pagerCustom: '#bx-pager' });

Я тоже новенький, но если логически подумать, то думаю данная функция заставляет картинке внизу соответствовать картинке на слайде.

 

ок, понял, но я имел ввиду нужно ли вставлять этот код  в HTML страницы или это код нужно прописать в js файле.

[mrfrunze]

учитесь читать документацию, к плагину очень поможет. Попробуйте сделать сами, не получиться поможет. Дока у bxslider простая.

вот что получилось http://sport.teslalight.com.ua/index-slider.html

разобрался

Edited September 22, 2014 by mrfrunze