https://teroni.ru/ ru Слайдеры для uCoz - Скрипты сайтов, скачать бесплатно. Teroni.su - шаблоны Dle, Wordpress, Joomla, uCoz DataLife Engine https://teroni.ru/ucoz/slajdery-dlja-ucoz/585-slajder-foto-dlja-sajta-ucoz.html https://teroni.ru/ucoz/slajdery-dlja-ucoz/585-slajder-foto-dlja-sajta-ucoz.html
Отличный слайдер фото для сайта uCoz. Слайдер для воспроизведения изображений работающий с применением jQuery и Mobilyslider. Будет работать на страницах модулей и динамических страницах сайта uCoz, в материале можно подключить только через фрейм.]]>
Отличный слайдер фото для сайта uCoz. Слайдер для воспроизведения изображений работающий с применением jQuery и Mobilyslider. Будет работать на страницах модулей и динамических страницах сайта uCoz, в материале можно подключить только через фрейм. Слайдер можно настроить на три типа воспроизведения,дополнительно можно организовать или отменить автозапуск,а также показ элеменов управления и остановку показа во время наведения курсора на рабочую часть. 

Скрипт для установки на страницу 

<style>
.slider {
float:left;
/* Ширина слайдера */
width:600px;
/* Высота слайдера */
height:350px;
position:relative;
padding-bottom:26px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bottom_shadow.png) no-repeat bottom center;
}
.sliderContent {
float:left;
/* Ширина слайдера */
width:600px;
/* Высота слайдера */
height:350px;
clear:both;
position:relative;
overflow:hidden;
}
.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(http://delaisait.ucoz.ru/img/1/1/dsslider/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
position:absolute;
/* Ширина слайдера */
width:600px;
/* Высота слайдера */
height:350px;
background:#fff;
}
.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}
</style>
<div class="slider dsslider">
<div class="sliderContent">
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/1.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/2.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/3.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/4.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/5.jpg" alt="" />
</div>
<div class="item">
<img src="http://delaisait.ucoz.ru/img/1/1/dsslider/6.jpg" alt="" />
</div>
</div>
</div>
<script src="http://delaisait.ucoz.ru/js/jQuery/mobilyslider.js" type="text/jаvascript">
</script>
<script type="text/jаvascript">
$('.dsslider').mobilyslider({
// Тип воспроизведения (vertical) или удалить всю строку
transition: 'fade',
// Скорость перелистывания
animationSpeed: 800,
// Автовоспроизведение включено
autoplay: true,
// Скорость автовоспроизведения
autoplaySpeed: 3000,
// Остановка во время наведения курсора (false)
pauseOnHover: true,
// Показывать кнопки вперёд назад (false)
bullets: true,
// Показывать нижние кнопки управления (false)
arrowsHide: true 
});
</script>

]]> TeRoNi-707 Tue, 04 Dec 2018 13:38:10 +0300 https://teroni.ru/ucoz/slajdery-dlja-ucoz/584-3d-slajder-s-jeffektom-vraschenija-kuba-dlja-ucoz.html https://teroni.ru/ucoz/slajdery-dlja-ucoz/584-3d-slajder-s-jeffektom-vraschenija-kuba-dlja-ucoz.html
Отличный 3d слайдер с эффектом вращения куба для сайта на uCoz. Слайдер с 3D эффектом поворачивания изображения по горизонтальной оси, работает на jQuery с применением плагина Flux и эффектом Cube.]]>
Отличный 3d слайдер с эффектом вращения куба для сайта на uCoz. Слайдер с 3D эффектом поворачивания изображения по горизонтальной оси, работает на jQuery с применением плагина Flux и эффектом Cube. Элементы слайдера настроены для работы на сайте uCoz, он будет показывать только на динамических страницах, для показа в материале слайдер нужно поместь в фрейм. В местах регулировок сделаны комментарии выделенные зелёным цветом, можно включить или отключить автовоспроизведение и добавить кнопки управления сменой изображений.

Код для установки слайдера

<script src="http://delaisait.ucoz.ru/script/js/1/2013/flux.js" type="text/jаvascript">
</script>
<script type="text/jаvascript">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#dsslidercube', {
pagination: false,
controls: false, // Кнопки управления, можно (true)
transitions: ['cube'],
autoplay: true // Автозапуск, можно (false)
});
});
</script>
<div id="dsslidercube">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img1.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img2.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img3.jpg" alt="" />
</div>

]]> TeRoNi-707 Tue, 04 Dec 2018 13:19:40 +0300 https://teroni.ru/ucoz/slajdery-dlja-ucoz/583-slajder-s-jeffektom-listajuschih-stranic-dlja-ucoz.html https://teroni.ru/ucoz/slajdery-dlja-ucoz/583-slajder-s-jeffektom-listajuschih-stranic-dlja-ucoz.html
Интересный слайдер с эффектом листающих страниц для сайта на платформе uCoz. Слайдер с эффектом перелистывания страниц, работает на jQuery с применением плагина Flux и эффектом Turn.Всё настроено для работы на сайте uCoz.]]>
Интересный слайдер с эффектом листающих страниц для сайта на платформе uCoz. Слайдер с эффектом перелистывания страниц, работает на jQuery с применением плагина Flux и эффектом Turn.Всё настроено для работы на сайте uCoz, он будет показывать только на динамических страницах, для работы в материале слайдер нужно поместь в фрейм. В местах регулировок сделаны комментарии выделенные зелёным цветом, можно включить или отключить автовоспроизведение и добавить кнопки управления сменой изображений.Имейте в виду, картинки или фотографии должны быть одного размера, сделать слайдер с автомасштабированием не получится.

Код для установки слайдера

<script src="http://delaisait.ucoz.ru/script/js/1/2013/flux.js" type="text/jаvascript">
</script>
<script type="text/jаvascript">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#dssliderturn', {
pagination: false,
controls: false, // Кнопки управления, можно (true)
transitions: ['turn'],
autoplay: true // Автозапуск, можно (false)
});
});
</script>
<div id="dssliderturn">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img1.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img2.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img3.jpg" alt="" />
</div>

]]> TeRoNi-707 Tue, 04 Dec 2018 13:09:53 +0300 https://teroni.ru/ucoz/slajdery-dlja-ucoz/582-slajder-s-krugovym-jeffektom-vraschenija-dlja-ucoz.html https://teroni.ru/ucoz/slajdery-dlja-ucoz/582-slajder-s-krugovym-jeffektom-vraschenija-dlja-ucoz.html
Отличный слайдер с круговым эффектом вращения для сайта uCoz. Слайдер сменяя одно изображение на другое проворачивает картинку полосками двигающимися в разные стороны, работает на jQuery с применением плагина Flux и эффектом Warp.]]>
Отличный слайдер с круговым эффектом вращения для сайта uCoz. Слайдер сменяя одно изображение на другое проворачивает картинку полосками двигающимися в разные стороны, работает на jQuery с применением плагина Flux и эффектом Warp. Слайдер полностью настроен для работы на сайте uCoz, он будет работать только на динамических страницах, для показа в материале (как здесь) слайдер нужно поместь в фрейм.В местах регулировок сделаны комментарии, можно включить или отключить автовоспроизведение и добавить кнопки управления сменой изображений.Самое главное!!!, картинки или фотографии должны быть одного размера, сделать слайдер с автомасштабированием не получится.

Код для установки слайдера

<script src="http://delaisait.ucoz.ru/script/js/1/2013/flux.js" type="text/jаvascript">
</script>
<script type="text/jаvascript">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#dssliderwarp', {
pagination: false,
controls: false, // Кнопки управления, можно (true)
transitions: ['warp'],
autoplay: true // Автозапуск, можно (false)
});
});
</script>
<div id="dssliderwarp">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img1.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img2.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img3.jpg" alt="" />
</div>

]]> TeRoNi-707 Tue, 04 Dec 2018 13:04:42 +0300 https://teroni.ru/ucoz/slajdery-dlja-ucoz/581-slajder-dlja-ucoz-flux-so-smenoj-kartinok-poloskami.html https://teroni.ru/ucoz/slajdery-dlja-ucoz/581-slajder-dlja-ucoz-flux-so-smenoj-kartinok-poloskami.html
Классный слайдер для сайта на uCoz Flux со сменой картинок полосками. При смене одного изображения другим картинка расделяется на полоски которые падают в низ открывая следующее фото,слайдер работает на jQuery с применением плагина Flux и эффектом Bars.]]>
Классный слайдер для сайта на uCoz Flux со сменой картинок полосками. При смене одного изображения другим картинка расделяется на полоски которые падают в низ открывая следующее фото,слайдер работает на jQuery с применением плагина Flux и эффектом Bars. Слайдер полностью настроен для работы на сайте uCoz, он будет работать только на динамических страницах, для показа в материале (как здесь) слайдер нужно поместь в фрейм. В местах регулировок сделаны комментарии, можно включить или отключить автовоспроизведение и добавить кнопки управления сменой изображений.Имейте в виду, картинки или фотографии должны быть одного размера, сделать слайдер с автомасштабированием не получится.

Установка слайдера

Код для установки слайдера:

<script src="http://delaisait.ucoz.ru/script/js/1/2013/flux.js" type="text/jаvascript">
</script>
<script type="text/jаvascript">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#dssliderbars', {
pagination: false,
controls: false, // Кнопки управления, можно (true)
transitions: ['bars'],
autoplay: true // Автозапуск, можно (false)
});
});
</script>
<div id="dssliderbars">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img1.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img2.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img3.jpg" alt="" />
</div>

Установите данный код там, где хотите видеть свой слайдер.]]> TeRoNi-707 Tue, 04 Dec 2018 12:47:33 +0300 https://teroni.ru/ucoz/slajdery-dlja-ucoz/580-rezinovyj-slajder-flexslider-dlja-sajta-ucoz.html https://teroni.ru/ucoz/slajdery-dlja-ucoz/580-rezinovyj-slajder-flexslider-dlja-sajta-ucoz.html
Отличный резиновый слайдер FlexSlider для сайта uCoz. Слайдер с адаптивными свойствами будет изменять свои размеры относительно свободного пространства окна. Изначальные размеры изображений не имеют значения и будут масштабироваться.]]>
Отличный резиновый слайдер FlexSlider для сайта uCoz. Слайдер с адаптивными свойствами будет изменять свои размеры относительно свободного пространства окна. Изначальные размеры изображений не имеют значения и будут масштабироваться согласно устанавливаемым размерам по месту. FlexSlider может использоваться как слайдер для видео, применяя в качестве слайдов видео проигрыватели.

Резиновый слайдер имеет большое количество настроек, при помощи которых Вы сможете настроить воспроизведение на своё усмотрение. По умолчанию, готовый код для установки полностью настроен, Вам останется поместить его в требуемое место, изменить путь к используемым слайдам и радовать посетителей своими творениями. 

Установка слайдера

В примере вписана библиотека jQuery выделенная красным цветом. Она нужна только для проверки работоспособности кода для установки и испытания его со своими настройками. При установке на свой сайт, если он на uCoz скрипт нужно удалить из кода.

<script type="text/jаvascript" src="//s36.ucoz.net/src/jquery-1.7.2.js"></script>
<link rel='stylesheet' href='//delaisait.ucoz.ru/script/sluder/2014/flexslider/flexslider.css' type='text/css' media='all' />
<link rel='stylesheet' href='//delaisait.ucoz.ru/script/sluder/2014/flexslider/public.css' type='text/css' media='all' />
<script type='text/jаvascript' src='//delaisait.ucoz.ru/script/sluder/2014/flexslider/jquery.flexslider-min.js'></script>
<style>
#metaslider.flexslider li {
margin-right: 5px !important;
}
#ds-flexslider {
max-width:600px;
margin:0 auto;
}
</style>
<div id="ds-flexslider" class="metaslider metaslider-flex">
<div id="metaslider_container">
<div id="metaslider" class="flexslider">
<ul class="slides">
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/947677767.jpg" alt="Девушка Эльф" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка Эльф</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/769128589.jpg" alt="Девушка в чёрном" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка в чёрном</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/378189360.jpg" alt="Девушка в красном" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка в красном</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/84040181.jpg" alt="Девушка в свадебном платье" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка в свадебном платье</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="//delaisait.ucoz.ru/script/sluder/2014/flexslider/572570776.jpg" alt="Девушка с бабочкой" />
</a>
<div class="caption-wrap">
<div class="caption">Девушка с бабочкой</div></div>
</li>
</ul>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#metaslider').flexslider({
slideshowSpeed:3000,
animation:'slide',
controlNav:true,
directionNav:true,
pauseOnHover:true,
direction:'horizontal',
reverse:false,
animationSpeed:600,
prevText:"<",
nextText:">",
easing:"linear",
slideshow:true,
itemWidth:600,
itemMargin:5,
useCSS:true
});
});
</script>

Установите этот код туда, где хотите видеть слайдер.]]> TeRoNi-707 Tue, 04 Dec 2018 12:40:10 +0300