Prezentare diapozitive pe pagina de start - un site simplu

În timp ce lucra pe site-ul clientului a fost o sarcină pentru a afișa în antetul de pe pagina de start diapozitive. În principiu, tipurile de probleme și nimic complicat în ea. Mai mult decât atât, atunci când se utilizează orice CMS. Dar chestia asta eu nu scriu pentru experiența gri-saytostroiteley și, în cea mai mare parte, pentru novice neexperimentat. Deși foarte experimentat și poate găsi ceva interesant.

Made pe Bitrix, așa că am de gând să scrie, bazat pe utilizarea CMS. Poate una din aceste zile voi încerca să Joomla, și apoi descrie procesul.

Flash a fost planificat inițial, dar în acest proces a devenit clar faptul că imaginea potențial va trebui să fie schimbat, și de fiecare dată nu a vrut să-l refaceți. Prin urmare, soluția a fost selectată pe script-ul Java. În acest caz, odată ce totul este configurat, schimbarea imaginii este ușor de a înlocui fișierul prin FTP.

Script-ul a ales TinyFader. Și nici de ce. La fel ca asta. El prevede inițial un efect dorit.

Descarcă AICI. Script-ul de arhivă cu demo-ul, astfel încât să puteți vedea cum arată.

Dopilivat cu siguranță a avut, dar mai mult și mai mult în această privință.

Deci, ne conectam (pe exemplu Bitrix, îmi amintesc).

Creați dosar js în șablonul bitrix dvs. / template-uri / vash_shablon /

În acest dosar arunca fișierele script cu codurile .js de extensie

Editați fișierul header.php situat în același loc în folderul șablon. Se introduce următoarea linie între capul de tag-uri

În marcaj locul în care aveți un slide show, se introduce o perioadă de odihnă:

fișier style.css conținut doar am adăugat template_styles.css.

Nu uitați să ajustați dimensiunea atât aici, cât și în stil. Acelasi stil de toate nivelurile și puse în aplicare.

Fără a intra într-o analiză, pur și simplu le scoate introducând o opțiune potrivită stil

Și, în sfârșit, există foarte puține. Totul funcționează, totul este bine, dar. Nu este mulțumit cu momentul în care este afișată imaginea și viteza de schimbare a imaginilor. Și dacă primul este guvernat de simplu, de odihnă un pic mai complicat.

schimbarea de timp și de mișcare lină, sunt stabilite în TinyFader script-ul.

5 - schimbarea pas în claritate. 100 - creștere de transparență de descărcare. Adică, 31 și 38 de linii definesc ca 20 ceva acolo schimba transparență de la 0 (complet transparent) la 1 (complet opac) în trepte de 0,05.

Experimentarea cu acești parametri și să conducă la rezultatul dorit.

Rezultatul poate fi găsit aici