Разгледай всички на началната страница - обикновен сайт

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

Изработен от Bitrix, така че аз отивам да пиша, се основава на използването на ССФ. Може би един от тези дни ще се опитам да Joomla, и след това да се опише този процес.

Flash Първоначално беше планирано, но в процеса стана ясно, че потенциалната изображението ще се наложи да бъде променена, и всеки път, когато не искаше да го ремонтирам. Следователно, решението е избрана по сценария Java. В този случай, след като всичко е настроено, промяна на изображението е лесно да се замени файла чрез FTP.

Script избра TinyFader. Нито защо. Просто ей така. Той първоначално осигурява желан ефект.

Изтеглите от тук. архив скрипт с демото, така че можете да видите как изглежда.

Dopilivat то със сигурност имаше, но повече за това по-нататък.

Така че, ние се свърже (на Bitrix например си спомням).

Създаване на JS папка във вашия шаблон Битрикс / шаблони / vash_shablon /

В тази папка, която хвърлят скриптови файлове с разширение .js на

Редактирайте header.php файл, намиращ се на същото място в папката с шаблони. Поставете следния ред между главата на тагове

В маркировката на мястото, където имате слайдшоу, поставете почивка:

Съдържание style.css файла аз просто добавя template_styles.css.

Не забравяйте да настроите размера както тук, така и със стил. В същия стил всички нива и поставени на мястото си.

Без да навлизаме в анализ, аз просто ги отстранява чрез вмъкване стил подходящ вариант

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

промяна на времето и гладък ефект се намират в TinyFader на скрипта.

5 - стъпка промяна на яснота. 100 - нарастване на прозрачността разряд. Това означава, че 31 и 38 линии определят, че 20 нещо има промени прозрачност от 0 (напълно прозрачен) до 1 (напълно непрозрачен) на стъпки от 0.05.

Експериментирането с тези параметри и да доведе до желания резултат.

Резултатът може да се намери тук