Jednostavan klizač sa pregledom. Primjeri besplatnih JQuery klizača slika

Trenutno, klizač - karusel - funkcionalnost koju jednostavno trebate imati na web stranici za posao, web stranici - portfolio ili bilo koji drugi resurs. Zajedno sa klizačima za sliku preko cijelog ekrana, horizontalni klizači vrtuljke dobro se uklapaju u bilo koji web dizajn.

Ponekad bi klizač trebao zauzeti jednu trećinu stranice stranice. Ovdje se klizač vrtiljaka koristi s efektima prijelaza i responzivnim izgledima. Web lokacije za e-trgovinu koriste klizač vrtuljke za prikazivanje više fotografija u pojedinačnim objavama ili stranicama. Šifra klizača se može slobodno koristiti i mijenjati prema vašim potrebama.

Korištenjem jQueryja u kombinaciji s HTML5 i CSS3, možete učiniti svoje stranice zanimljivijim pružanjem jedinstvenih efekata i privlačenjem pažnje posjetitelja na određeno područje stranice.

Slick - moderan dodatak za klizače - vrtuljak

Slick je besplatni jquery dodatak čiji programeri tvrde da će njihovo rješenje zadovoljiti sve vaše zahtjeve za klizačem. Odgovarajući klizač - vrtuljak može raditi u načinu rada "pločice" za mobilnih uređaja, i, u "drag and drop" načinu rada za desktop verziju.

Sadrži efekat bledeće tranzicije, zanimljiva prilika"Režim u centru", lijeno učitavanje slika sa automatskim pomicanjem. Ažurirana funkcionalnost uključuje dodavanje slajdova i filtera slajdova. Sve kako biste mogli prilagoditi plugin prema vašim zahtjevima.

Demo Mode | Skinuti

Owl Carousel 2.0 - jQuery - dodatak prilagođen dodiru

Ovaj dodatak ima širok spektar funkcija u svom arsenalu, pogodan i za početnike i za iskusne programere. Ovo je ažurirana verzija klizača vrtuljke. Njegov prethodnik se zvao potpuno isto.

Klizač sadrži neke ugrađene dodatke za poboljšanje ukupne funkcionalnosti. Animacija, reprodukcija videa, automatska reprodukcija klizača, lijeno učitavanje, automatsko podešavanje visine glavne su karakteristike Owl Carousel 2.0.

Uključena je podrška za prevlačenje i ispuštanje radi praktičnijeg korištenja dodatka na mobilnim uređajima.
Dodatak je savršen za prikazivanje velikih slika čak i na malim ekranima mobilnih uređaja.

Primjeri | Skinuti

Dodatak jQuery Silver Track

Sasvim mali, ali bogat funkcionalnošću jquery dodatak koji vam omogućava da postavite klizač na stranicu - vrtuljak koji ima malu jezgru i ne troši puno resursa stranice. Dodatak se može koristiti za prikaz vertikalnih i horizontalnih klizača, animacija i kreiranje skupova slika iz galerije.

Primjeri | Skinuti

AnoSlide - Ultra kompaktni jQuery klizač koji reagira

Ultra kompaktni jQuery klizač - vrtuljak sa mnogo više funkcionalnosti od običnog klizača. Oni uključuju pregled jednu sliku, prikaz više slika u vrtuljku i klizaču zasnovanom na naslovu.

Primjeri | Skinuti

Sova vrtuljak - Jquery klizač - vrtuljak

Sova vrtuljak - klizač sa podrškom za ekrane osjetljive na dodir i drag tehnologija i ispustite, lako se ugrađuju u HTML kôd. Dodatak je jedan od najboljih klizača koji vam omogućava da kreirate prekrasne vrtuljke bez ikakvih posebno pripremljenih oznaka.

Primjeri | Skinuti

3D galerija - ringišpil

Koristi 3D prijelaze bazirane na CSS stilovima i nekom Javascript kodu.

Primjeri | Skinuti

3D vrtuljak koristeći TweenMax.js i jQuery

Odličan 3D vrtuljak. Izgleda da je ovo još uvijek beta verzija, jer sam upravo sada otkrio nekoliko problema s njom. Ako ste zainteresirani za testiranje i kreiranje vlastitih klizača, ovaj vrtuljak će vam biti od velike pomoći.

Primjeri | Skinuti

Vrteška pomoću bootstrapa

Odgovarajući klizač s rotirajućim izbornikom koji koristi bootstrap tehnologiju upravo za vašu novu web stranicu.

Primjeri | Skinuti

Bazirano na Bootstrap - Moving Box klizač karusela

Najtraženiji na portfolio i poslovnim sajtovima. Ova vrsta klizača vrtuljke se često nalazi na bilo kojoj vrsti web stranice.

Primjeri | Skinuti

Tiny Circleslider

Ovaj mali klizač je spreman za rad na uređajima sa bilo kojom rezolucijom ekrana. Klizač može raditi u kružnom i vrtuljkom načinu rada. Sitni krug predstavljen je kao alternativa drugim sličnim klizačima. Postoji ugrađena podrška operativni sistemi iOS i Android.

U kružnom načinu rada klizač izgleda prilično zanimljivo. Podrška za povlačenje i ispuštanje i sistem automatskog pomicanja klizanjem izvrsno su implementirani.

Primjeri | Skinuti

Klizač za sadržaj palčića

Snažan, odzivan klizač sa rotirajućim izbornikom savršen je za modernu web stranicu. Radi ispravno na bilo kojem uređaju. Ima vodoravne i okomite načine rada. Njegova veličina je minimizirana na samo 1 KB. Ultra kompaktni dodatak također ima odlične glatke prijelaze.

Primjeri | Skinuti

Vau - klizač - vrtuljak

Sadrži preko 50 efekata koji vam mogu pomoći da kreirate originalni klizač za vašu web stranicu.

Primjeri | Skinuti

Responzivni jQuery klizač sadržaja bxSlider

Promenite veličinu prozora pretraživača da vidite kako se klizač prilagođava. Bxslider dolazi sa preko 50 opcija prilagođavanja i prikazuje svoje karakteristike s različitim efektima prijelaza.

Primjeri | Skinuti

jCarousel

jCarousel je jQuery dodatak koji će vam pomoći da organizirate pregled slike. Možete jednostavno kreirati prilagođene vrtuljke slika od baze prikazane u primjeru. Klizač je prilagodljiv i optimiziran za rad na mobilnim platformama.

Primjeri | Skinuti

Scrollbox - jQuery dodatak

Scrollbox je kompaktni dodatak za kreiranje klizača - vrtuljke ili linije za pomicanje teksta. Ključne karakteristike uključuju vertikalno i horizontalno pomeranje sa pauzom kada pređete mišem.

Primjeri | Skinuti

dbpasCarousel

Jednostavan klizač - vrtuljak. Ako vam je potreban brzi dodatak, ovaj će raditi 100%. Dolazi samo s osnovnim funkcijama potrebnim za rad klizača.

Primjeri | Skinuti

Flexisel: Responsive JQuery Slider Plugin - Carousel

Kreatori Flexisela inspirisali su se starinskom dodatkom jCarousel dodavanjem ciljane kopije korektan rad klizač na mobilnim i tablet uređajima.

Odgovarajući raspored Flexisel -a, pri radu na mobilnim uređajima, razlikuje se od izgleda orijentiranog prema veličini prozora preglednika. Flexisel je savršeno prilagođen za rad na ekranima, niske i visoke rezolucije.

Primjeri | Skinuti

Elastislide - klizač koji reagira - vrtuljak

Elastislide se savršeno prilagođava veličini ekrana uređaja. Možete postaviti minimalni broj slika za prikaz u određenoj rezoluciji. Dobro radi kao klizač vrtuljke galerije slika, koristeći fiksni omotač u kombinaciji s efektom vertikalnog pomicanja.

Primjer | Skinuti

FlexSlider 2

Woothemesov klizač koji se slobodno može distribuirati. Smatra se jednim od najboljih responzivnih klizača. Dodatak sadrži nekoliko predložaka i bit će koristan i početnicima i stručnjacima.

Primjer | Skinuti

Nevjerovatan ringišpil

Nevjerovatan vrtuljak - responsive slider slike sa jQuery. Podržava mnoge sisteme za upravljanje web lokacijama kao što su WordPress, Drupal i Joomla. Također podržava Android i IOS i desktop operativne sisteme bez ikakvih problema s kompatibilnošću. Ugrađeni neverovatni šabloni vrteške omogućavaju vam da koristite klizač u vertikalnim, horizontalnim i kružnim režimima.

Primjeri | Skinuti

Ako trebate dodati visokokvalitetni jQuery klizač slike na svoju web stranicu, tada ćete u ovom članku pronaći opis potrebnih dodataka. Iako je jQuery učinio JavaScript mnogo lakšim za rad, i dalje su nam potrebni dodaci za ubrzanje procesa web dizajna.

Možemo promijeniti neke od ovih dodataka i stvoriti nove klizače koji su mnogo više u skladu s ciljevima naše web stranice.

Za druge klizače, samo trebate dodati naslove, slike i odabrati efekte promjene slajdova koji dolaze s klizačem. Svi su ovi dodaci dobro dokumentirani, pa je dodavanje novih efekata ili funkcija njima jednostavno. Možete čak promijeniti okidače zasnovane na događajima ako ste iskusni jQuery programer.

Najnoviji trendovi poput responzivnog dizajna vrlo su važni za web projekte, bilo da implementirate dodatak ili skriptu. Svi ovi elementi čine svaki od ovih dodataka vrlo fleksibilnim. Na ovoj listi je sve što je izašlo 2014. godine.

JQuery klizači slika

Jssor Responsive Slider

Nedavno sam naišao na ovaj funkcionalni jQuery klizač i mogao sam se iz prve ruke uvjeriti da odlično radi svoj posao. Sadrži beskrajne mogućnosti koje se mogu proširiti kroz otvoreni kod klizača:

Adaptive design;
Više od 15 opcija prilagođavanja;
Više od 15 efekata promjene slike;
Galerija slika, vrtuljci, podrška za cijeli ekran;
Vertikalni rotator banera, lista slajdova;
Video podrška.

Demo | Skinuti

PgwSlider je responzivni klizač baziran na JQuery / Zepto

Jedina svrha ovog dodatka je prikazivanje slajdova slika. Vrlo je kompaktan jer su datoteke jQuery veličine samo 2,5 KB, što ga čini vrlo brzim za učitavanje:

Responsive layout;
SEO optimizacija;
Podržavaju različiti pretraživači;
Jednostavni prijelazi slika;
Veličina arhive je samo 2,5 KB.

Demo | Skinuti

Jquery vertikalni klizač za vijesti

Fleksibilan i koristan jQuery klizač dizajniran za izvore vijesti sa listom postova na lijevoj strani i slikom na desnoj strani:

Adaptive design;
Vertikalni stupac za prebacivanje vijesti;
Proširena zaglavlja.

Demo | Skinuti

Wallop klizač

Ovaj klizač ne sadrži JQuery, ali bih ga želio predstaviti jer je vrlo kompaktan i može značajno smanjiti vrijeme učitavanja stranice. Javite mi ako vam se sviđa:

Responsive layout;
Jednostavan dizajn;
Razne opcije za promjenu slajdova;
Minimalni JavaScript kod;
Veličina je samo 3KB.

Demo | Skinuti

Polaroid galerija ravnog stila

Galerija u stilu dokumenata sa fleksibilnim rasporedom i prekrasnim dizajnom trebala bi biti od interesa za mnoge od vas. Pogodnije za tablete i velike zaslone:

Responsive slider;
Flat design;
Slučajna promjena slajdova;
Potpuni pristup izvornom kodu.

Demo | Skinuti

A-klizač

Demo | Skinuti

HiSlider - HTML5, jQuery i WordPress klizač slika

HiSlider je predstavio novu besplatni dodatak JQuery klizač s kojim možete stvoriti razne galerije slika s fantastičnim prijelazima:

Responsive slider;
Nije potrebno znanje programiranja;
Nekoliko sjajnih šablona i skinova;
Prekrasni efekti prijelaza;
Podrška za različite platforme;
Kompatibilan sa WordPress, Joomla, Drupal;
Mogućnost prikaza sadržaja različite vrste: slike, YouTube video i Vimeo video zapise;
Fleksibilno prilagođavanje;
Korisne dodatne funkcije;
Neograničen sadržaj prikazan.

Demo | Download

Wow klizač

WOW Slider je responzivni jQuery-slika klizač sa neverovatnim vizuelni efekti (domine, okrenuti, zamutiti, preokrenuti i bljeskati, izletjeti, roletne) i profesionalni šabloni.

WOW Slider dolazi sa čarobnjakom za instalaciju koji vam omogućava da kreirate fantastične klizače za nekoliko sekundi bez potrebe da prolazite kroz kod ili uređujete slike. Verzije dodataka za Joomlu i WordPress također su dostupne za preuzimanje:

Potpuno odzivan
Podrška za sve pretraživače i sve vrste uređaja;
Podrška dodirnih uređaja;
Jednostavna instalacija na WordPress;
Fleksibilnost prilagođavanja;
SEO optimiziran.

Demo | Download

Nivo Slider je besplatni jQuery dodatak

Nivo Slider je poznat u cijelom svijetu kao najljepši i najjednostavniji klizač za slike. Dodatak Nivo Slider je besplatan i objavljen pod MIT licencom:

Zahtijeva JQuery 1.7 ili noviji;
Prekrasni efekti tranzicije;
Jednostavan i fleksibilan za prilagođavanje;
Kompaktan i prilagodljiv;
Open source;
Snažan i jednostavan;
Nekoliko različitih predložaka;
Automatsko izrezivanje slike.

Demo | Download

Jednostavan jQuery klizač sa tehničkom dokumentacijom

Ideja je inspirirana Appleovim klizačima u kojima nekoliko malih elemenata može izletjeti uz razne efekte animacije. Programeri su pokušali implementirati ovaj koncept uzimajući u obzir minimalni zahtjevi kreirati jednostavan dizajn za online prodavnicu, u kojoj elementi koji „izlijeću“ predstavljaju različite kategorije:

Responsive layout;
Minimalistički dizajn;
Razni efekti ispadanja i mijenjanja slajdova.

Demo | Download

Klizač za jQuery slike pune veličine

Vrlo jednostavan klizač koji zauzima 100% širine stranice i prilagođava se veličini ekrana mobilnih uređaja. Radi sa CSS prijelazima, a slike su "naslagane" sidrima. Sidro se može zamijeniti ili ukloniti ako ne želite povezati vezu sa slikom.

Kada je instaliran, klizač se širi na 100% širine ekrana. Također može automatski smanjiti veličinu slika slajdova:

Responzivni jQuery klizač;
Full-size;
Minimalistički dizajn.

Demo | Download

Klizač elastičnog sadržaja + vodič

Elastic Content Slider automatski prilagođava širinu i visinu na osnovu dimenzija nadređenog elementa. Ovo je jednostavan jQuery klizač. Sastoji se od područja slajdova na vrhu i trake za navigaciju na dnu. Klizač podešava svoju širinu i visinu kako bi odgovarao dimenzijama roditeljskog kontejnera.

Kada se gledaju na dijagonalno malim ekranima, navigacijske kartice se pretvaraju u male ikone:

Adaptive design;
Pomicanje klikom miša.

Demo | Download

Besplatni 3D klizač za slaganje

Eksperimentalni klizač koji prelistava slike u 3D. Dvije hrpe liče na hrpe papira, s kojih se, prilikom pomicanja, slike prikazuju u sredini klizača:

Adaptive design;
Flip-transition;
3D efekti.

Demo | Download

Cijeli ekran Slit Slider pokreće JQuery i CSS3 + vodič

Ovaj vodič će vam pokazati kako da napravite klizač sa zaokretom: ideja je da izrežete i prikažete trenutni slajd dok otvarate sljedeću ili prethodnu sliku. Koristeći jQuery i CSS animaciju, možemo kreirati jedinstvene efekte prijelaza:

Adaptive design;
Split tranzicija;
Klizač preko celog ekrana.

Demo | Download

Unislider je vrlo mali jQuery klizač

Bez nepotrebnih zvona i zviždaljki i maraka, veličina je manja od 3KB. Koristite bilo koji HTML za svoje slajdove, proširite ga pomoću koristeći CSS... Sve što se odnosi na Unslider se nalazi na GitHubu:

Podrška za različite preglednike;
Podrška za tipkovnicu;
Podešavanje visine;
Adaptive design;
Podrška za unos dodirom.

Demo | Skinuti

Minimalni responzivni slajdovi

Jednostavan i kompaktan dodatak ( veličina je samo 1 Kb), koji kreira responzivni klizač koristeći elemente unutar kontejnera. ResponsiveSLides.js radi sa veliki iznos pretraživači, uključujući sve IE verzije od IE6 i novije:

Potpuno odzivan
Veličina 1 KB;
CSS3 tranzicije sa mogućnošću pokretanja putem JavaScripta;
Jednostavno označavanje pomoću liste s nabrajanjem
Mogućnost prilagođavanja efekata prijelaza i trajanja pregleda jednog slajda;
Podržava mogućnost stvaranja više slajdova;
Automatsko i ručno pomicanje.

Demo | Download

Kamera - besplatni jQuery klizač

Kamera je dodatak sa mnogo efekata tranzicije, responzivnog izgleda. Jednostavan za postavljanje, podržan od strane mobilnih uređaja:

Potpuno responzivni dizajn
Potpisi;
Mogućnost dodavanja video zapisa;
33 različite ikone u boji.

Demo | Preuzmi

SlidesJS, prilagodljivi jQuery dodatak

SlidesJS je responzivni jQuery dodatak (1.7.1 i noviji) sa podrškom za dodir i CSS3 prelaze. Eksperimentirajte s tim, isprobajte neke gotove primjere koji će vam pomoći da shvatite kako dodati SlidesJS svom projektu:

Adaptive design;
CSS3 prelazi;
Podrška za uređaje na dodir;
Jednostavan za postavljanje.

Demo | Skinuti

BX Jquery klizač

Ovo je besplatni responzivni jQuery klizač:

Potpuno odzivan - prilagođava se svakom uređaju;
Horizontalna, vertikalna promjena slajdova;
Slajdovi mogu sadržavati slike, video zapise ili HTML sadržaj;
Proširena podrška za uređaje osjetljive na dodir;
Korištenje CSS prijelaza za animacije slajdova ( hardversko ubrzanje);
Callback API i potpuno javne metode;
Mala veličina datoteke;
Jednostavan za implementaciju.

Demo | Download

FlexSlider 2

Najbolji klizač koji reaguje. Nova verzija je modificiran kako bi se povećala brzina rada, kompaktnost.

Demo | Skinuti

Galleria - prilagodljiva foto galerija zasnovana na JavaScriptu

Galleriu koriste milioni sajtova za kreiranje visokokvalitetnih galerija slika. Broj pozitivnih kritika o njenom radu jednostavno je van ljestvice:

Potpuno besplatno;
Prikaz preko celog ekrana;
100% responzivno;
Nije potrebno iskustvo u programiranju;
Podrška za iPhone, iPad i druge uređaje osjetljive na dodir;
Flickr, Vimeo, YouTube i još mnogo toga;
Nekoliko tema.

Demo | Skinuti

Blueberry je jednostavan responzivni jQuery klizač slika

Predstavljam vam jQuery klizač za slike napisan posebno za responzivni web dizajn... Blueberry je eksperimentalni open source dodatak za klizač slika izvorni kod koji je napisan posebno za rad sa responzivnim predlošcima.

Klizač je postao vrlo popularan relativno nedavno. Negdje u polovini svih šablona možete pronaći klizač.

Klizač je područje stranice (obično središnji dio, odmah iza zaglavlja). Njegov cilj je učiniti web stranicu informativnijom, "živom", pokušaj da se na nekoliko slika opišu prednosti kompanije ili proizvoda.

Postoji mnogo opcija za kreiranje klizača. Pogledat ćemo neke od najpopularnijih. Izvorni kodovi će biti navedeni za svaku metodu.

Opcija broj 1. JQuery klizač (JavaScript)

Это фотография, что получится с помощью этого варианта (ниже представлен исходник с этим примером)

Для работы слайдера Вам необходимо сделать следующее:

Подключить javascript (ява файлы) в заголовочных тегах
Файл стилей опять же в заголовочных тегах
В месте где нужно вывести слайдер заполнить тег
(как в примере выше)

Вариант №2. Слайдер на основе CSS

Дабы не нагружать сайт лишними скриптами, есть отличный способ сделать слайдер только на основе CSS (т.е. чисто на стилях). Давайте рассмотрим пример.

Пример №1

Пример №2

label >
Пример №3

Вот, что должно получится.

Галерей изображений в виде слайдера . Когда я начинал подготавливать материал для этой подборки, думал, что качественного материала будет просто две бесконечности, так как тема галерей изображений стара как мир и очень востребованная. Моему удивлению не было предела, когда с каждой вновь открытой демкой надежна найти что-то приличное таяла на глазах. В связи с этим подборка получилась не большая но, по моему, с довольно интересными экземплярами. Среди них есть как адаптивные галереи изображений так и галереи .
Кстати, в предыдущем топике я делал подборку плагинов галерей для WordPress так что если у вас есть сайт на WordPress думаю она вам будет крайне интересна.

1. Unite Gallery

Бесплатная, адаптивная фото и видео галерея на основе библиотеки jQuery. При разработке акцент делался на простоту использования и настройки. Поставляется с довольно большим количеством качественных тем оформления, а так же, что немаловажно, есть возможность писать собственные темы оформления.

2. Responsive Image Gallery with Thumbnail Carousel

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

4. Full Page Image Gallery with jQuery

Еще одна полноэкранная галерея изображений . Ее особенностью и “изюминкой” есть перемещение увеличенного полноэкранного изображения в зависимости от положения мышки.
Бар миниатюр в нижней части экрана прокручивается автоматически когда пользователь перемещает мышь.

5. Slider Gallery With jQuery

Идеально подойдет для разбивки галерей на альбомы. При выборе альбома будут показаны миниатюры со слайдером изображений .

6. Galleria

Это хорошо спроектированная адаптивная галерея изображений , способная показывать фото и видео галереи из Flickr, Picasa, YouTube и др. Поддержка мобильных устройств и возможность работать в полноэкранном режиме. Есть возможность отображения подписей. Есть платные

В комментариях к посту недавно спрашивали существуют ли какие-то онлайн сервисы для их создания. В принципе, если ваш проект работает на одной из популярных CMS (WordPress, Drupal), то там должны быть соответствующие плагины. Но что делать, когда сайт написан на HTML или подходящих модулей нет? Сегодня расскажу о некоторых вариантах решения этой задачи.

Вообще методы создания слайдеров разные. Помнится, когда раньше работал с TYPO3, там был модуль, автоматически преобразовывающий картинки во флеш для отображения на сайте. Также есть специальные десктопные программы, позволяющие делать похожие флешки или же генерирующие нужный HTML+CSS код. Сейчас же слайдеры в основном реализуются с помощью Javascript и соответствующих библиотек, например, jQuery. Причем существует достаточно много разных скриптов. Парочку из них рассмотрю.

— отличный сервис для создания слайдера онлайн. Вам не нужно вникать ни в какие скрипты, практически все настройки доступны для интерактивного редактирования: размеры, эффекты, навигация и т.п. Вы просто загружаете свои картинки, выбираете нужные опции и скачиваете готовый код слайдера. Все это бесплатно. В финальном HTML есть ссылка на данный сервис, но теоретически ее можно убрать, никаких дополнительный водяных знаков на картинках нет. Разработчикам респект!

ComSider

ComSider — еще один бесплатный онлайн генератор слайдеров для сайта. Принцип работы похожий, состоит из 3-х шагов: загрузка картинки, выбор шаблона слайдера и его настройка, интеграция кода со своим сайтом. Шаблоны слайдеров позволяют создавать разные по дизайну элементы. При этом в сервисе реально много настроек эффектов и других опций для получения желаемого результата. На сайте сказано, что вы можете встроить код без скачивания файлов или же загрузить их и интегрировать слайдер самостоятельно.

Cincopa

Cincopa — весьма симпатичный сервис создания HTML слайдера, но, к сожалению, не полностью бесплатный. Это один из многих подобных проектов, где имеются специальные тарифные планы. Для free версии, как правило, добавляются разные ограничения по количеству загружаемых изображений, трафику, и (самое плохое) размещается водяной знак. При этом все, конечно, мастерски реализовано — уйма тем оформления, настройки, плагины для популярных CMS, тех.поддержка. Тут нужно смотреть на тарифы, в некоторых сервисах они могут быть вполне доступными.

Сервис — один из немногих, где в бесплатном тарифе нет водяных знаков на изображениях. Ограничивается только число возможных эффектов, но это не критично. Много настроек, имеется специальный плагин для WordPress. В целом неплохое решение.

HTML5Maker

HTML5Maker — еще один пример платного сервиса, который работает по подписке. В Free версии вам придется мириться с водяным знаком, однако начинающий тариф Starter позволяет от него избавиться. При этом он имеет относительно доступную цену ($5/месяц) и позволяет создавать до 3-х слайдеров со всеми эффектами и множеством шаблонов.

Slippry

Следующий вид сайтов со слайдерами — это проекты, содержащие готовые для работы скрипты, например Slippry . Здесь нет никаких удобных форм с загрузкой фоток и указанием настроек, зато все бесплатно. Вы загружаете код HTML слайдера на свой хостинг и вручную интегрируете его с сайтом. На страницах разработчиков, как правило, есть документация по использованию скрипта, пояснения по коду и примеры работы.

Glide

Вообще слайдеры бывают разные — Glide отличный тому пример. Скрипт позволяет создать красивый слайдер для фона сайта. Простой, быстрый, адаптивный.

TosRus

TosRus — еще один интересный слайдер, который несколько отличается от классической реализации и больше похож на галерею (тем не менее, пригодится). Он нормально отображается как на обычном компьютере, так и на смартфоне. При клике на картинку она открывается в полном окне, где также будет слайдер. Поддерживает вставку но только картинок, но и HTML контента с видео.

Скрипт отлично масштабирует изображения, поэтому его создание максимальное простое. На сайте найдете пример кода и описание. У слайдера есть возможность навигации через стрелочки или «подсвечиваемый элемент» в самом низу картинки.

Визуально слайдер для сайта смотрится очень стильно. Есть элементы навигации, текстовый блок. Общим фоном для элемента становится размытая картинка из самого слайдера, что создает весьма интересный эффект.

— адаптивный слайдер на jQuery, подходит для всех устройств. Он может отображаться на всю ширину экрана или в отдельном блоке. Описание достаточно «примитивное», но разобраться в нем можно. Настроек не так много, как в некоторых других вариантах.

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

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

— простой, функциональный, настраиваемый jQuery скрипт слайдера на HTML5 и CSS3. Решение совместимо со всеми браузерами и поддерживает адапативный дизайн. Разработчикам понравится.

Решение пригодится, если вам нужно создать слайдер по типу карусели, когда выводится несколько картинок и они автоматически прокручиваются влево/вправо (например, для строки логотипов партнеров или отображения работ). Недавно я рассматривал как реализовать эту задачу в WordPress, для обычных сайтов можно попробовать скрипт jsSimpleSlider.

Сервис из загруженных вами картинок создает флешку, которая и отображается на сайте в виде слайдера. Работать с этим инструментом просто, хотя на классический слайдер это мало похоже (как минимум, не хватает элементов управления). Все, что вы можете задать в нем, — это внешние ссылки и эффекты перехода. Использовать данный сервис вы, думаю, вряд ли будете, просто привожу его как один из вариантов реализации поставленной задачи.

WOWSlider

Как я уже говорил в начале, есть программы для создания слайдеров, которые устанавливаются на компьютер. WOWSlider — отличный пример такого софта. Здесь просто уйма разных опций, настроек, тем оформления и т.п. При этом не нужно никаких знаний HTML, вся настройка слайдера проводится быстро и легко. Скачать программу можно бесплатно, но без покупки лицензии на слайдере будет отображаться ее лого.

CU3OX

Программа CU3OX приглянулась необычным 3D эффектов для смены изображений. Она используется для создания Flash галерей и слайдеров. Работает на Win и Mac. Здесь есть много разных настроек, вариантов смены картинок, локализации на разные языки и т.п. Для персонального использования можно выбрать бесплатную версию, хотя она, увы, содержит водяной знак.

Если этих сервисов, программ и скриптов слайдеров вам мало, то советую почитать — там находится около 100 разных вариантов их реализации. Все, в принципе, зависит от требований к функциональности и ваших знаний. Специальные сервисы создания слайдеров, указанные в самом начале, работают вполне неплохо и являются бесплатными. Если вы хорошо знакомы с веб-разработкой, то сможете разобраться в приведенных в статье jQuery скриптах. Тем, кому разработка чужда, подойдут платные решения. Часть из них доступна онлайн по подписке, другая является десктопными программами. Последние стоят дороже, но там нет лимитов на количество создаваемых элементов или временных ограничений.

Кстати, если знаете какие-то интересные сервисы/скрипты создания слайдеров для сайтов, пишите названия и ссылки на них в комментариях.