- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
FAQs
General Tutorials
MonsterONE Subscrioption
Categories
Categories
MonsterONE Subscrioption
Слайдер
jQuery ‘NivoSlider’
- Демо-просмотр
- Загрузить
JavaScript Мы должны подключить JQuery framework и jquery.nivo.slider.pack.js, указывая SRC атрибут в теге следующих .js файлов:
<script type="text/javascript" src="js/jquery-1.4.4.min.js" </script<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"</scriptСкрипт инициализации необходимо разместить в разделе
$(window).load(function() {
$('#slider').nivoSlider();
});
Вы также можете задать дополнительные параметры:
effect:'random', //Specify sets … jQuery Slider
Извините, данная страница доступна только на Español и English.…
«PlayPause slideShow» Plugin
Извините, данная страница доступна только на Español и English.…
«bgSlider»
bgSlider позволяет применить галерею в качестве фона сайта. Он довольно похож со скриптом jbGallery, но не такой сложный.
JavaScript
Нужно добавить jQuery фрэймворк и bgSlider.js. с помощью атрибута src в теге скрипта этих .js файлов:
Ниже приведен скрипт инициализации:
В части $() мы устанавливаем массив с указанием пути к файлам изображений, а в bgSlider({}) части – опции галереи. Вот список…
Читать дальше
«tinySlider»
Извините, данная страница доступна только на Español и English.…
«jqFancyTransitions» Slider
Извините, данная страница доступна только на Español и English.…
«SliderPager» jQuery Slider
Извините, данная страница доступна только на Español и English.…
«SlideBox» jQuery слайдер
Простой скрипт, благодаря которому достигается эффект скользящего окна, в котором находится контент.
JavaScript
Нужно добавить jQuery фрэймворк с помощью атрибута src в теге скрипта этих .js файлов.
Читать дальше
<script type="text/javascript" src="js/jquery-1.4.2.min.js" </scriptСкрипт инициализации мы помещаем в раздел .
<script type="text/javascript"$(function()
{
$("#link").click(function(event) {
event.preventDefault();
$(this).toggleClass("link2");
$("#dropdown_box").slideToggle();
});
});
</script
.header-banner-right Этот класс устанавливает высоту окна в скрытой позиции
#link… «featureList» Slider
Извините, данная страница доступна только на Español и English.…
«Sliced Image» Slider
Извините, данная страница доступна только на Español и English.…
Slideshow Lite Slider
This is a Simple Slider Script that has only basic functionality and uses fade-effect for smooth opacity changing. You can find installation and configuration guide by this link.
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code in order to include jquery.slideshow.lite-0.5.3.js script and jQuery framework:
The <head> …
Looped слайдер
Это скрипт слайдера, который используют как для создания слайдеров так и для галерей. Это один из наиболее гибких скриптов для слайдера.
Читать дальше
http://github.com/nathansearles/loopedSlider
JavaScript
Чтобы скрипт работал, в index-#.html файле со слайдером должны быть строки HTML кода для того, чтобы добавить loopedslider.js скрипт и jQuery фреймфорк:
В файле index-#.html в области <head> должны быть вот эти строки кода для инициализации функциональности …
«Before-After» Slider
This is a Slider Script that allows you to show two images in a single container and drag one image over another which is good for “before-after” comparison.
This plug-in has several important advantages:
• Low file size (only 7 Kbytes);
• You can use it many times on the same page;
• When JavaScript is disabled you will not lose a container, …
AnythingSlider
- Демо версия
- Скачать
В этом плагине много различных функций как общих для всех скриптов слайдера так и новых, созданных специально для данного слайдера:
• Автостарт;
• Динамический вывод ;
• Поддержка для разных эффектов перехода между слайдами;
• Кнопка stop / play;
• Поддержка для тегов hash.
JavaScript
Чтобы скрипт работал нужно, чтоб в index-#.html файле со слайдом …
Easy Slider
Это скрипт слайдера с плагином Easy Slider 1.7 (нажав на ссылку, вы перейдете к полному руководству)
Читать дальше
JavaScript
Для того, чтоб скрипт работал, в index-#.html файле со слайдером должны стоять следующие строки:
В файле index-#.html в области <head> должны быть вот эти строки кода для инициализации функциональности скрипта с основными атрибутами value:
Здесь атрибуты скрипта определяют такие значения:
• #slider – …
jQuery UI Slider
This is a Slider Script that uses jQueryui ui.
Читать дальше
JavaScript
The carousel.js file contains these lines of code that make the slider work:
Here script attributes define the following values:
• #featured – the id of script container (the id of a tag container <div>);
• {fx:{opacity: «toggle»} – this attribute defines the effect for changing the slides; currently it …
«slideViewer» Slider
This is a Slider Script that uses slideViewer plug-in.
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these line of HTML code in order to include the jquery.easing.1.2.js and jquery.slideviewer.1.2.js scripts and jQuery framework:
The <head> section of the index-#.html file contains these lines of code that initialize the script functionality with …
«Cross-Fading» Slider
This is a Slider Script that uses cross-fading effect for slide change transition effects.
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these line of HTML code in order to include the jquery00.js script that includes jQuery framework:
Читать дальше
JavaScript
In order to make the script work, the index-#.html file with a slider should contain these line of HTML code in order to include the jquery00.js script that includes jQuery framework:
The gallery initialization is placed to the end of HTML coding (just before </body>…
Слайдер «Faded» (с эффектом растворения)
- Демо-Просмотр
JavaScript
Чтобы скрипт работал, в index-#.html файле со слайдером должны быть строки HTML кода для того, чтобы добавить jquery.faded.js скрипт и…
«Coin» Слайдер
Перед Вами скрипт слайдера, который может автоматически обрезать изображения для создания различных эффектов перехода. Дополнительные инструкции по установке и настройке можно найти по этой ссылке
JavaScript
Для того, чтобы создать рабочий скрипт, файл index-#.html, содержащий слайдер, должен включать в себя следующие строки HTML-кода, чтобы активировать скрипт coin-slider.js и jQuery framework:
Раздел <head> в файле index-#.html содержит следующие строки кода,…
Читать дальше
JavaScript
Для того, чтобы создать рабочий скрипт, файл index-#.html, содержащий слайдер, должен включать в себя следующие строки HTML-кода, чтобы активировать скрипт coin-slider.js и jQuery framework:
Раздел <head> в файле index-#.html содержит следующие строки кода,…