דזשקווערי ביבליאָטעק: סלידערס פֿאַר דיין וועבזייַטל

מיט די דורכפאָר פון צייַט און די אַנטוויקלונג פון טעכנאָלאָגיע אין די פעלד פון וועב פּלאַן זענען טשאַנגינג און די דאַרף / רעקווירעמענץ פון ניצערס צו צופרידן זייטלעך. אויב פריער עס איז געווען מערסטנס טעקסט צופרידן מיט אַ קליין נומער פון טימאַטיק בילדער, הייַנט עס איז די דאָמינאַנט קאָמפּאָנענט פון די graphic. עס אַלאַוז איר צו געשווינד באַקומען די מערסט נייטיק און נוצלעך אינפֿאָרמאַציע, און טאָן ניט וויסט צייַט לייענען לאַנג טעקסטן. אין קשר מיט דעם ינקריסינגלי פאָלקס און, אין פאַקט, אַ נייטיק עלעמענט פון אַ וועב בלאַט זענען סלידערס. זיי זענען בלאַקס מיט וועריינג צופרידן אין זיי - פֿון בילדער צו לינקס. א מאָדערן וועג צו לייגן אַ געגעבן וועב כייפעץ - ניצן דזשקווערי ביבליאָטעק. סלידערס Created מיט דעם געצייַג, באַקומען אַ באַקוועם, גרינג צו נוצן, און קוקט זייער ימפּרעסיוו. ווייַטער מיר קוקן אין ווי צו מאַכן די יסודות פון וועב בלעטער אויף זייער אייגן. דאַנק צו אַ גענוג גרויס נומער פון סטאַנדערדייזד מכשירים, עס איז מעגלעך צו ינסטרומענט די דזשקווערי סליידער-טיפּ און דייווערס צופרידן.

ווי צו לייגן אַ סליידער אויף אַ וועב בלאַט?

וועגן צו לייגן אַ גליטש-בלאַקס צו דעם בלאַט נומער. אָפֿט טאָן ניט אַפֿילו האָבן צו שרייַבן די HTML קאָד און דעלוו אין די שריפט. עס איז אַ היפּש נומער פון פּאָטער לייברעריז, קרבן ניצערס אַ גרייט-געמאכט טעמפּלאַטעס אַז לאָזן איר לייגן דזשקווערי-סלידערס אויף דיין פּלאַץ. כל איר האָבן צו טאָן - איז צו צייכענען עס אין די מקור קאָד פון אייער וועב בלאַט און הנאה די רעזולטאַטן. אָבער, אין דעם פאַל די מעגלעכקייט פון די מעקייַעם פון דיין שעפעריש פאַנטאַזיע איז באגרענעצט. דעריבער, עס איז נוצלעך צו זייַן ביכולת צו מאַכן די פּלאַן עלעמענט ינדיפּענדאַנטלי. צו טאָן דאָס, איר דאַרפֿן צו וויסן ווי צו ינסטרומענט די דזשקווערי פּשוט סליידער, און בלויז קאָמפּליצירן עס, איר קענען שטענדיק אַדינג עקסטרע יסודות אין די קאָד.

שאַפֿן אַ סליידער דורך זיך: אין די HTML קאָד

ערשטער, ווו צו אָנהייבן - איז צו רעגיסטרירן די צוקונפֿט אויסלייג פון די סליידער.

1. געגרינדעט אין HTML-טעקע סלידעשאָוו אַפּאַראַט, וואָס וועט אַנטהאַלטן אַלע פון אונדזער סליידז (בילדער, אאז"ו ו).
2. עס לייגן אַל רשימה, יעדער פּאַראַגראַף פון וואָס וועט קראָם אַ באַזונדער רוק.

מיר זענען ארבעטן מיט קסס

דעמאָלט מיר צולייגן צו עס די טשאַראַקטעריסטיקס פון די געבעטן נוסח ניצן קסס-דאָקומענט. עס איז נייטיק צו אָנטאָן אונדזער צופרידן דזשקווערי סליידער צו ווערק רעכט און האט די רעכט קוקן. אין דעם בינע, מיר זענען פאַסעד מיט די ווייַטערדיק טאַסקס:

• מאַכן זיכער אַז אויף די סלידעשאָוו אַפּאַראַט דיספּלייז נאָר איינער, רעכט אין דער מאָמענט די רוק (אָדער בילד צופרידן), און די מנוחה זענען פאַרבאָרגן;
• צולייגן די סליידז איינער נאָך די אנדערע (לינקס צו רעכט);
• טאָן אַל-קאַנטיינער, וואָס סטאָרז סליידז באַוועגלעך (לינקס און רעכט).

צו טאָן דאָס, שטעלן די ווייַטערדיק אָפּציעס אין די קסס-טעקע:

• פֿאַר די סלידעשאָוו: לויפן-רענטגענ - מעגילע, לויפן-י - פאַרבאָרגן:
• פֿאַר אַל: לאָזנ שווימען - לינקס.

אויך איר קענען שטעלן די פּאַראַמעטערס פון די ברייט (ברייט), הייך (הייך), הינטערגרונט (הינטערגרונט) און אַזוי אַרויס.

מיר שטעלן דעם קאָד אין דזשקווערי

די HTML און קסס אַלע די נייטיק ענדערונגען האָבן שוין געמאכט. עס בלייבט די קאַסטן פֿאַר די דזשקווערי קאָד, סלידערס, וואָס זאָל האָבן די ווייַטערדיק פּאַראַמעטערס:

• סליידז זאָל מצליח זיין יעדער אנדערער מיט אַ זיכער צייַט מעהאַלעך;
• ווען איר האָווער די מויז טייַטל איבער זייער באַוועגונג זאָל ופהערן.

צו טאָן דאָס, מיר דערקלערן צוויי וועריאַבאַלז: סלידעווידטה (גלייַך צו די לענג פון די רוק) און סלידערטימע (דאַטערמאַנז די צייַט פון דער גליטש ווייַזן). די טייַמער וועט אָנהייב ווען דער בלאַט איז גאָר לאָודיד פּלאַץ. דורך דעם פּאַראַמעטער מיר בינדן די קאַמף פון די מויז טייַטל פּוינטינג צו אַ גליטש (וואָס שטעלט אָפּ די רוק ווייַזן).

זייט זיכער צו פאָרשרייַבן אַל קאַנטיינער לענג. עס וועט זיין גלייַך צו די נומער פון סליידז, געמערט דורך די לענג פון יעדער רוק.

אַרייַנלייגן די פֿונקציע פאַראַנטוואָרטלעך פֿאַר טשאַנגינג סליידז. אַז ס אַלע, איר קענען קאָנטראָלירן די אויפֿפֿירונג פון דיין סליידער.

סאָף

אין דעם אַרטיקל מיר געקוקט אין ווי צו מאַכן זייער אייגן דזשקווערי-סלידערס צו אַרייַנלייגן אַ בלאַט פון זייַן וועבזייַטל. ניצן די לעמאָשל פון אַ פּשוט סליידער, איר קענען קומען אַרויף מיט זייער אייגן ינטערפּריטיישאַן פון עס, מאכן די צונעמען ענדערונגען צו דער מקור קאָד. דעם וועט פֿאַרבעסערן די פּלאַן און מאַכן נוצן פון דיין פּלאַץ מער באַקוועם פֿאַר וויזאַטערז.