Форум

Всем доброе время суток!

И так сегодня я вам хочу предоставить - "Красивый и функциональный слайд шоу на jQuery"

И так, давайте приступим к установке.

Установка!

И так что бы поменять картинки вы скачиваете архив и в файле js/lekus2012.js добавляете путь
на картинку (сам скрипт в файле js/lekus2012.js выглядит так)

Код

Code

{src: 'images/slide-3.jpg', title: 'Обратная связь!', link: {
   href: 'http://www.ufacer.ru/index/razrabotchiki/0-27?out=1',
   text: 'Читать больше про Ранго'
   }}

даный код вы вставляете в етойже папке
соответствено меняете путь ссылки название и таму подобное!

Вот пример скрипта в папке полный...

Code

$(window).ready(function() {
   $.jSimpleSlide('#j-simple-slide', [
   {src: 'images/slide-1.jpg', title: 'Cоциальная сеть uFacer.', link: {
   href: 'http://www.ufacer.ru/',
   text: 'Перейти на официальный сайт'
   }},
   {src: 'images/slide-2.jpg', title: 'Step Up 4', link: {
   href: 'http://youtu.be/qkjzUWl22mE',
   text: 'Смотреть трейлер'
   }},
   {src: 'images/slide-3.jpg', title: 'Обратная связь!', link: {
   href: 'http://www.ufacer.ru/index/razrabotchiki/0-27?out=1',
   text: 'Читать больше про Ранго'
   }}
   ]);
});

а вот пример скрипта если вы добавите еще один путь

Code

ну соответствно сколько вам нужно выводов сколько иставим...

дальше заходим на ту страницу сайта которая вам нужна и между тегами и вставляем:

Code

И так после чего вам нужно вставить сам код что бы выводил слайдер между и ставим

Code

js-slide

После чего обновляем страницу и радуемся...

Посмотреть демо можно - ПРИМЕР СМОТРЕТЬ ЗДЕСЬ

Удачного использования.

Спасибо за ваше внемание с уважением - Златьев Дмитрий

LEKUS
Источник: http://www.ufacer.ru/