Създаване на слайдшоу за вашия сайт

Вашият браузър не поддържа вложени фреймове технология. За да се придвижвате, използвайте горното меню

Преглед на програми за създаване на слайд шоу

За това ние използваме приставка Презентации. създадена от програмист Natanom Salesom (Nathan Searles), технически директор на дизайнерското студио "бригада" ( "The бригада") в Портланд, Орегон, САЩ. От друга страна нейното развитие обсъжда в галерията със статия за онлайн магазин.

Пързалки плъгин - лесен за инсталиране, има няколко варианта за промяна на снимки в слайдшоу, и често се използва за заглавната част на сайта. Един пример за работата на този плъзгач с настройки по подразбиране са показани по-долу:

Настройки за слайдшоу Пързалки

Както винаги, първо да създадете папка, скриптове на сайта. Тогава ще трябва да свалите файла и го разархивирайте в папка, която сте създали. Тя ще се окаже, две скриптове JQuery-1.8.3.min.js и jquery.cycle.all.min.js.

Както можете да видите, има просто правило и CSS, които трябва да зададете размера на прозореца към бъдещето слайдшоу с изображения (ширина - височина). Естествено, всички изображения трябва да са с еднакъв размер. Ако желаете, можете да разширите CSS-настройки чрез добавяне, например, рамка, фон, маржове, както и други елементи за слайдшоу от изображения. В този случай, е необходимо да се уточни размерът на общата сума, която е, изображението плюс зададете маржове и граници на дължина и широчина.

Последната стъпка - поставяне на изображения на страницата. Има също така просто. Поставяте картинката в маркера

или от друга страна, за които е допустимо да зададете ширината и височината, и да определи своя клас = "слайдшоу". За нашия пример HTML-код на плъзгача е както следва:

В създаването на слайд шоу е почти свърши, и можете да го видите, като отворите страницата си в браузър.

Задаване на опции за слайдшоу Пързалки

Продължителността на дисплея изображения се контролира от параметър изчакване. и скорост - скоростта настройка. Например, аз цитирам няколко опции общ слайдшоу и съответните им скриптове, които следва да бъдат включени в заглавието на страницата.

Понякога трябва да се поставят множество опции за слайдшоу на една и съща страница на сайта, както се прави в тази статия. За да направите това, трябва само да посочат различните класове за всяка опция в съответствие $ ( ". Slideshow"). Cycle ((виж кода в таблицата по-горе), и не забравяйте да се регистрирате в размер на CSS прозорец за всеки клас.

Вашият браузър не поддържа вложени фреймове технология

Вашият браузър не поддържа вложени фреймове технология. За да се придвижвате, използвайте горното меню