Галерија са јКуери Фаде

Са јКуери можете да креирате веома једноставан имаге галлериес веома атрактиван, на овом једноставном туторијалу ћемо видети како да креирате једноставан галерију бледе или галерију у којој слика изгледа у низу (једна до друге) радије него да користите бледе ефекат пријатно.

Да би се постигао наш галерије НЕ користите било који плугин, али ми ћемо се ограничити на вешта употреба алата који јКуери пружа.

Видимо преглед онога што ми намеравамо да:

Напомињемо да је трећа слика је заробљен на слици је тренутак да се поп-скрипта позива за појаву појединачних слика са том смислу фадеИн други далеко једна од друге.

Анализирамо ХТМЛ код:

 <хтмл>



  



 <хеад>



    



 <титле> слајд галерија са јКуери </ титле>



    



 <линк рел="стилесхеет" типе="тект/цсс" хреф="стиле.цсс">



    



 <сцрипт типе="тект/јавасцрипт" срц="јкуери.јс"> </ сцрипт>



    



 <сцрипт типе="тект/јавасцрипт" срц="фадегаллери.јс"> </ сцрипт>



  



 </ Хеад>







 <боди>









 <див ид="фадегаллери"> </ див>









 </ Боди>







 </ Хтмл>

Ми у телу странице на којима је придат див ид фадегаллери, док заглавље зовемо спољни лист стила, јКуери библиотеку и фајл који фадегаллери.јс следећи код:

 функција Схов (к) {$ ("# имг" + к) фадеИн ("спор");.}







 $ (Документ) Спремни.







 (



  



 функција ()



  



 {



    



 $ ("# Фадегаллери") После (".

 
 



 ");



    



 вар имг = нев Арраи ();



    



 / / ***** ***** ***** ***** ***** ***** ***** ***** ***** *** **



    



 имг [0] = "пиппо.јпг";



    



 имг [1] = "плуто.јпг";



    



 имг [2] = "паперино.јпг";



    



 / / ***** ***** ***** ***** ***** ***** ***** ***** ***** *** **



    



 вар и = 0;



    



 фор (и = 0 и <имг.ленгтх; ј + +)



    



 {



      



 $ ("# Фадегаллери") Додај. ("+ + И <див ид='имг" "'цласс='бокфото'> <имг срц='" + имг[и] "'> </ див>") ;



      



 виндов.сетТимеоут ("Схов (" + И + ")", ((И + 1) * 1000));



    



 }



  



 }







 );

Њен рад је једноставан: Прво стварамо функцију која позива параметризованих функцију јКуери фадеИн за гледање (са ишчезавање) различитих ДИВ смо динамички изградити циклус који изводи све ставке у низу која, заузврат, садржи слике и изгледа страница у ХТМЛ.

Унутар петље, такође показује позовите функцију () са тајмером који почиње и друга повећање додатних секунди за сваки корак, како би се прецизно створити ефекат секвенце.

Напомена изјаву:

 



 $ ("# Фадегаллери") После (".

 
 



 ");

 

убаци на почетку функција (): Ово је дизајниран тако да слајд било који садржај се налази на дну див до куће наше галерије (за недостатак може да изазове непријатне преклапања елемената због пловак имовину у ЦСС-у смо га употребе).

• <<
• 1
• 2
• >>