በ jquery ላይ ማዕከለ-ስዕላት 1.9 1. ለፎቶ፣ ቪዲዮ እና የሚዲያ ጋለሪዎች የ jQuery ፕለጊኖች ያለማቋረጥ የዘመነ ዳታቤዝ የሲኤስኤስ ማጣሪያዎችን በመጠቀም የሚያምሩ ምስሎችን ለመፍጠር የሚረዱ መሳሪያዎች

የምስል ጋለሪዎች እና ተንሸራታቾች በጣም ተወዳጅ ከሆኑት jQuery ቅርጸቶች መካከል ጥቂቶቹ ናቸው። ለእነሱ ምስጋና ይግባው, ጠቃሚ ቦታን በሚያስቀምጡበት ጊዜ አስፈላጊውን የእይታ ይዘት ወደ ጣቢያዎ ማከል ይችላሉ.

ማዕከለ-ስዕላት እና ተንሸራታቾች ገጹን ስራ እንዳይበዛ ያደርጉታል፣ ነገር ግን አሁንም መልእክትዎን ለማስተላለፍ የሚያስፈልጉዎትን ምስሎች በሙሉ እንዲያክሉ ያስችሉዎታል። በተለይ ለመስመር ላይ መደብሮች ጠቃሚ ይሆናሉ.

በዛሬው ጽሁፍ ውስጥ ምርጡን የ jQuery ምስል ጋለሪዎችን እና ተንሸራታቾችን ሰብስበናል።

እነሱን ለመጫን, የተመረጡትን ተሰኪዎች ወደ ራስ ክፍል ብቻ ይጨምሩ HTML ገጾችከ jQuery ቤተ-መጽሐፍት ጋር እና በሰነዱ መሠረት ያዋቅሯቸው (ሁለት የኮድ መስመሮች ብቻ)።

ከእነዚህ ንጥረ ነገሮች ውስጥ የትኛው በፕሮጀክትዎ ውስጥ በትክክል እንደሚስማማ ይምረጡ።

1. Bootstrap ተንሸራታች

ቡትስትራፕ ተንሸራታች ነፃ ፣ በሞባይል የተመቻቸ የምስል ተንሸራታች በንክኪ እና በማንሸራተት። በማንኛውም ስክሪን እና በማንኛውም አሳሽ ላይ አስደናቂ ይመስላል. ምስሎችን ፣ ቪዲዮዎችን ፣ ጽሑፎችን ፣ ድንክዬዎችን እና አዝራሮችን ወደ ተንሸራታቾች መጫን ይችላሉ።

2. የምርት ቅድመ እይታ ተንሸራታች

የምርት ቅድመ እይታ ተንሸራታች የ jQuery ሙሉ አቅምን ያቀፈ እና ከማንኛውም በይነገጽ ጋር በትክክል ይጣጣማል። እንዲሁም በዚህ ተሰኪ ኮድ ጥራት እና ንፅህና ይደሰታሉ።

3. ሊሰፋ የሚችል የምስል ጋለሪ

ሊሰፋ የሚችል የምስል ጋለሪ በአንድ ጠቅታ ወደ ሙሉ ስክሪን ጋለሪ የሚቀየር አስደናቂ ተሰኪ ነው። ለ "ስለ እኛ" ክፍል ወይም የምርት መረጃን ለማየት ጥቅም ላይ ሊውል ይችላል.

4. Fotorama

Fotorama ለሁለቱም የዴስክቶፕ እና የሞባይል አሳሾች የሚሰራ ምላሽ የሚሰጥ jQuery ማዕከለ-ስዕላት ተሰኪ ነው። የተለያዩ የአሰሳ አማራጮችን ያቀርባል፡ ጥፍር አከሎች፣ ማሸብለል፣ ወደ ፊት እና ወደ ኋላ ቁልፎች፣ አውቶማቲክ ስላይድ ትዕይንቶች እና ጥይቶች።

5. አስማጭ ተንሸራታች

አስማጭ ተንሸራታች ከጎግል ቲቪ ተንሸራታች ጋር የሚመሳሰል ልዩ የስላይድ እይታ ተሞክሮ እንዲፈጥሩ ይፈቅድልዎታል። ዋናውን ፎቶ በትኩረት ለማቆየት የጀርባውን ምስል እንዲደበዝዝ መቀየር ትችላለህ።

6.Leastjs

Leastjs አስደናቂ ጋለሪ ለመፍጠር የሚያግዝዎ ምላሽ የሚሰጥ jQuery ፕለጊን ነው። ጠቋሚውን በምስሉ ላይ ስታንዣብቡ ጽሑፍ ይታያል፤ ሲጫኑ መስኮቱ ወደ ሙሉ ስክሪን ይሰፋል።

7. የተንሸራታች ፓነሎች አብነት

ይህ ተሰኪ ለፖርትፎሊዮ ተስማሚ ነው። የተመረጠው ይዘት የሚገናኝባቸው በአግድም (በአቀባዊ በትንሽ ስክሪኖች) የተደረደሩ ምስሎችን ይፈጥራል።

8. Squeezebox ፖርትፎሊዮ አብነት

Squeezebox Portfolio አብነት ለእርስዎ ፖርትፎሊዮ የእንቅስቃሴ ውጤቶች ያቀርባል። በዋናው ምስል ላይ ሲያንዣብቡ (ወይም ሲያግዱ) መልህቅ ያላቸው አካላት ይታያሉ።

9. ምስሎችን በውዝ

ምስሎችን በማንዣበብ ላይ በሚቀይሩ ምስሎች ማዕከለ-ስዕላትን ለመፍጠር የሚያስችል አስደናቂ ምላሽ ሰጭ ተሰኪ ነው።

10. ነጻ jQuery Lightbox ተሰኪ

ነፃ jQuery Lightbox ፕለጊን አንድ ወይም ከዚያ በላይ ምስሎችን በአንድ ገጽ ላይ እንዲያሳዩ ይረዳዎታል። እንዲሁም ሊስፋፉ እና ወደ መጀመሪያው መጠናቸው ሊመለሱ ይችላሉ።

11. PgwSlider - ለ jQuery ምላሽ ሰጪ ተንሸራታች

PgwSlider አነስተኛ የምስል ተንሸራታች ነው። jQuery ኮድ ቀላል ነው፣ ስለዚህ የዚህ ፕለጊን የመጫኛ ፍጥነት በሚያስደስት ሁኔታ ያስደንቃችኋል።

12. የተበታተነ የፖላሮይድ ጋለሪ

የተበታተነ ፖላሮይድ ጋለሪ ጠፍጣፋ ንድፍ ያለው አስደናቂ ተንሸራታች ነው። ምስሎችን በሚቀይሩበት ጊዜ ንጥረ ነገሮቹ በተዘበራረቀ ሁኔታ ይንቀሳቀሳሉ ፣ ይህም አስደናቂ ይመስላል።

13. የቦንሲ ይዘት ማጣሪያ

Bouncy Content ማጣሪያ ለፖርትፎሊዮዎች ተስማሚ መፍትሄ ነው። ይህ ፕለጊን ተጠቃሚዎች በፍጥነት ከአንድ ምድብ ወደ ሌላ እንዲሸጋገሩ ያስችላቸዋል።

14. ቀላል jQuery ተንሸራታች

ቀላል jQuery ተንሸራታች እስከ ስሙ ድረስ ይኖራል። ይህ ፕለጊን የJavaScript፣ HTML5 እና CSS3 ክፍሎችን ያጣምራል። ነባሪ ማሳያው ጽሑፍ እንዲጫን ብቻ ይፈቅዳል፣ነገር ግን ጥቂት ለውጦችን ካደረግክ ምስላዊ ይዘትንም ማከል ትችላለህ።

15. ተንሸራታች JS

ግላይድ JS ቀላል፣ ፈጣን እና ምላሽ ሰጪ jQuery ተንሸራታች ነው። ለማዋቀር ቀላል ነው, እና ተሰኪው ብዙ ቦታ አይወስድም.

16. ሙሉ ስክሪን ጎታች-ተንሸራታች ከፓራላክስ ጋር

ምስሎችን እና ጽሑፎችን የመጫን ችሎታ ያለው ይህ አስደናቂ jQuery ተንሸራታች ለማንኛውም ጣቢያ ተስማሚ ነው። ተጠቃሚዎችን በትንሽ ፓራላክስ ውጤት እና በዝግታ የፅሁፍ መልክ ያስደስታቸዋል።

ሰላም ለሁላችሁ!
የሁሉም ጭረቶች ገንቢዎች ቀጣዩን የድር ፕሮጄክታቸውን ሲፈጥሩ ብዙውን ጊዜ ለተጠቃሚዎቻቸው የተለያዩ ምስሎችን ፣ ፎቶግራፎችን ወይም የስዕሎችን ስብስቦችን እንዴት ማቅረብ እንደሚችሉ ጥያቄ ላይ ፍላጎት አላቸው። ለዚህም፣ የመስመር ላይ ቦታ ጠያቂ አእምሮዎች፣ ለአብዛኛው እርግጥ ይህ የ "ቡርጂዮስ" ቦታ ነው፣ ​​አስደናቂ፣ በቀለማት ያሸበረቁ እና ከሁሉም በላይ ተግባራዊ የሆኑ የስላይድ ትዕይንቶችን እና የፎቶ ጋለሪዎችን ለመፍጠር ብዙ እና ተጨማሪ አዳዲስ መፍትሄዎችን ይፈልጋሉ። በአብዛኛዎቹ ሁኔታዎች፣ እየተፈጠረው ላለው የድር ፕሮጀክት አብነት ንድፍ ወይም ለአንድ የተወሰነ ጣቢያ አስተዳደር ሞተር በተሰኪዎች እና ሞጁሎች መልክ እንዲገጣጠም በገንቢዎች የተበጁ ናቸው። ዘመናዊ አብነቶችን መመልከት ተገቢ ነው፣ አንድ ጭብጥ ሳይሆን፣ ከስንት ልዩ ሁኔታዎች ጋር፣ ያለ ተሰኪ ተንሸራታች ወይም ቀላል ምስል ማሽከርከር ይችላል። ስለዚህ ብዙ የድር ገንቢዎች እንደዚህ ያለ ነገር በጦር መሣሪያዎቻቸው ውስጥ እንዲኖራቸው እንደሚፈልጉ እና ምስሎችን በጣቢያቸው ላይ ውጤታማ በሆነ መንገድ በማቅረብ አንባቢዎቻቸውን ሙሉ በሙሉ ያስደንቃሉ።

አዳዲስ መፍትሄዎችን በሚፈጥሩበት ጊዜ ቀጣይ ተከታታይ ግምገማዎችን በመቀጠል ፣ የ jQuery አስማትን በመጠቀም የተፈጠሩ በጣም አስደሳች እና ውጤታማ የስላይድ ትዕይንቶችን እና የፎቶ ጋለሪዎችን የበለጠ የተሟላ ስብስብ ለመሰብሰብ ወሰንኩ ።
በዚህ ግምገማ ውስጥ የተብራሩት ሀብቶች በዋናነት የተመሰረቱ መሆናቸውን ወዲያውኑ ላስጠነቅቅዎ እፈልጋለሁ የእንግሊዘኛ ቋንቋእኔ ግን ማንም የሚያስፈልገው በማስተዋል ወይም በተርጓሚዎች እርዳታ የሚገነዘበው ይመስለኛል፣ ከእነዚህም ውስጥ አንድ ደርዘን ሳንቲም አለ። እና በበቂ ሁኔታ ከፈለጉ ፣ ብዙ የድረ-ገጽ ገንቢዎቻችን በአንድ የተወሰነ ፕሮጀክት ላይ በሚሰሩበት ጊዜ ስለሚተረጉሙ በመጀመሪያ ለራሳቸው እና ከዚያ ስለ ሁሉም ተግባሮቻቸው ዝርዝር መግለጫዎችን ስለሚለጥፉ በሩሲያ ውስጥ አንዳንድ ጋለሪዎችን እና ተንሸራታቾችን የመፍጠር ዘዴን መግለጫዎች ማግኘት ይችላሉ። ለነፃ መዳረሻ .
ለምሳሌ ፣ እኔ ያደረኩት ይህንን ነው ፣ የመፍጠር ዘዴን በምሠራበት ጊዜ ፣ ​​በመጀመሪያ በቡርዙኔት ውስጥ ለእኔ ተስማሚ የሆነ የጋለሪ አማራጭ አገኘሁ ፣ ምን እያደረግኩ እንደሆነ እና ለወደፊቱ የበለጠ ለመረዳት ተርጉሜያለሁ ። ይህ ተለወጠ ፣ ተስፋ ለማድረግ እደፍራለሁ ፣ የ Highslide ስክሪፕት ስለመጠቀም መጥፎ ጽሑፍ አይደለም ፣ በተለያዩ የመተግበሪያ ልዩነቶች ውስጥ ካሉ የስራ ምሳሌዎች።
እና ስለዚህ ፣ በቂ የማያስፈልጉ ግጥሞች ፣ በቀጥታ ወደ ግምገማው እንሂድ ፣ እንይ ፣ አጭር ማብራሪያዎችን እናንብብ እና አስደሳች የምስል ተንሸራታቾችን ፣ የፎቶ ማዕከለ-ስዕላትን ፣ የስላይድ ትዕይንቶችን በጣቢያዎችዎ ላይ ለመተግበር እጅግ በጣም ብዙ ከሆኑ አዳዲስ jQuery ፕለጊኖች እና ስክሪፕቶች ውስጥ እንመርጥ ። አውቶማቲክ እና በእጅ የሚቀይሩ ተንሸራታቾች፣ የበስተጀርባ ምስል ተንሸራታቾች፣ ያለ ድንክዬ እና ያለ ድንክዬ፣ ወዘተ. እናም ይቀጥላል...

የ.ጣቢያ | ማሳያ

የተሟላ፣ ሊበጅ የሚችል jQuery ምስል ማዕከለ-ስዕላት ከስላይድ ትዕይንት ክፍሎች፣ የሽግግር ውጤቶች እና በርካታ የአልበም አማራጮች ጋር። ከሁሉም ዘመናዊ የዴስክቶፕ እና የሞባይል አሳሾች ጋር ተኳሃኝ.

jQuery ን በመጠቀም የሙሉ ስክሪን ጋለሪ እንዴት መፍጠር እንደሚቻል ላይ አጋዥ ስልጠና። ፍላጻውን ወይም የመዳፊት ጠቅታውን ተጠቅመው በምስሎቹ ውስጥ ሲንቀሳቀሱ በማንፀባረቅ ተለይቶ የቀረበው የሙሉ ስክሪን ምስል ድንክዬ ወደ ጎን እንዲታይ ነው ሃሳቡ። በመረጡት ሽግግር ላይ በመመስረት ትልልቅ ምስሎች በተንሸራታች ትዕይንት ዘይቤ ወደ ላይ ወይም ወደ ታች ይንቀሳቀሳሉ። ምስሉን የመለካት ችሎታ፣ ይህም ከበስተጀርባ ያለው ምስል በሙሉ ስክሪን ሁነታ እንዲታይ ወይም ከገጹ መጠን ጋር እንዲስተካከል ያደርገዋል።

Parallax ተንሸራታች

Parallax ተንሸራታችበእጅ መቆጣጠሪያ አካላት በተንሸራታች ትዕይንት መልክ የምስሎችን ማሳያ ለማደራጀት አስደሳች መፍትሄ። የድንክዬ ምስሎች የመጀመሪያ አቀማመጥ ትኩረትን ይስባል። ኦፊሴላዊው ድር ጣቢያ ተንሸራታቹን እንዴት ማዋሃድ እና ማዋቀር እንደሚቻል ሙሉ ዝርዝር አለው።

አነስተኛ የስላይድ ትዕይንት ጋለሪ ከ jQuery ጋርምስሎችን በራስ-ሰር ለመቀየር አባሎች ያሉት እጅግ በጣም ጥሩ የምስል ማዕከለ-ስዕላት እንዲሁም ምስሎችን ከተቆልቋይ ብሎክ በፍርግርግ ድንክዬ በእጅ የመቆጣጠር ችሎታ። ከጉዳቶቹ አንዱ ባለ ሙሉ መጠን ምስሎችን አለመመልከት ነው ፣ ግን ይህ የዚህ ማዕከለ-ስዕላት ዝቅተኛነት ነው።

ይህ የሙሉ ስክሪን ተንሸራታች ትዕይንት ሲሆን ምስሎችን በራስ ሰር የሚቀይር ነው፣ ምንም አእምሮን የሚነኩ ውጤቶች የሉም፣ ሁሉም ነገር ቀላል እና ጣዕም ያለው ነው።

ጋለሪ አሳንስበከፍተኛ ደረጃ ሊበጅ የሚችል jQuery ፕለጊን ነው፣ ከ ጋር ትልቅ ምርጫምስሎችን ሲያሳዩ ሽግግሮች. የ Minimit ማዕከለ-ስዕላትን በመጠቀም የምስሎችን ማሳያ በካሩሴል ፣ በስላይድ ሾው ፣ በቀላል ሮታተር እና በመደበኛ የምስል ማሸብለል መልክ ማደራጀት ይችላሉ።

ምስሎችን እንደ ስላይድ ትዕይንት ለማሳየት ቀላል፣ ምንም ትርጉም የሌለው መንገድ የሚያቀርብ ትንሽ (2kb) jQuery ፕለጊን ነው።

ጥሩ የሚመስል የጃቫስክሪፕት ማዕከለ-ስዕላት ነው፣ በሁሉም ኮምፒውተሮች፣ አይፎኖች እና ላይ ያሉ እንከን የለሽ ተኳሃኝነት ያለው ተንቀሳቃሽ መሳሪያዎች. ለመጫን እና ለማዋቀር በጣም ቀላል

ከብዙ ጃቫስክሪፕት እና jQuery ምስል ተንሸራታቾች በተለየ Slider.js በCSS3 ሽግግሮች እና እነማዎች የተጎላበተ ድብልቅ መፍትሄ ነው።

ይህ በ HTML5 እና CSS3 ውስጥ የተለያዩ አቀራረቦችን ለመፍጠር ባለ አንድ ገጽ አብነት ነው።

ዲያፖስላይድ ትዕይንት ክፍት ምንጭ ፕሮጀክት ነው። ከፈለጉ ለውጦችን ወይም ማሻሻያዎችን መጠቆም ይችላሉ። በነፃ ማውረድ እና መጠቀም ይችላሉ, እና ምንም እና ማንም በፕሮጀክቶችዎ ውስጥ ይህን ተንሸራታች እንዳይጠቀሙ የሚያግድዎት የለም. ተንሸራታቹ ለማበጀት ቀላል ነው ፣ በቀረበው ይዘት መካከል አስደሳች ሽግግሮች አሉ ፣ እና ማንኛውንም ነገር በተንሸራታች ውስጥ ማስቀመጥ ይችላሉ ፣ ያለ ምንም ጃምብ በፍጥነት ይሰራል።

በድር ጣቢያዎች እና ሌሎች የድር ፕሮጀክቶች ላይ የተንሸራታች ትዕይንቶችን ለመፍጠር ሌላ መሳሪያ ብቻ አይደለም. ሁሉንም ዘመናዊ አሳሾች ይደግፋል፣ አግድም እና አቀባዊ እነማዎች፣ ብጁ ሽግግሮች ድጋፍ፣ የመልሶ መደወል ኤፒአይ እና ሌሎችም። በስላይድዎ ውስጥ ማንኛውንም የኤችቲኤምኤል ኤለመንቶችን መጠቀም ይችላሉ፣ ለመረዳት የሚቻል እና ለጀማሪዎች ተደራሽ ነው፣ እና ሙሉ በሙሉ ከክፍያ ነጻ ይሰራጫል።

ጃቫ ስክሪፕት ስላይድ ትዕይንት ለአጊል ልማት

በዚህ አስደናቂ jQuery ፕለጊን የስላይድ ትዕይንትዎን ይተግብሩ። በከፍተኛ ደረጃ ሊበጅ የሚችል መሳሪያ ስለዚህ የእርስዎን የይዘት አቀራረብ እንደፍላጎቶችዎ መገንባት ይችላሉ። ከሲኤምኤስዎ ውጫዊ ውሂብ ወይም ውሂብ ጋር ቀላል ውህደትን ለማቅረብ፣ የ. ይህ አዲስ ስሪትእና ከባዶ የተጻፈ. ገንቢዎቹ ከአንጎል ልጃቸው ጋር አብሮ የመስራትን አጠቃላይ ሂደት በግልፅ እና በማስተዋል ለመግለጽ ሞክረዋል።

የማይታዘዙ ዝርዝሮችን ወደ ስላይድ ትዕይንቶች ማራኪ የአኒሜሽን ውጤቶች እንዲቀይሩ የሚያስችልዎ jQuery ፕለጊን ነው። በስላይድ ሾው ውስጥ ቁጥሮችን ወይም ድንክዬዎችን በመጠቀም ወይም የቀደሙት እና ቀጣይ አዝራሮችን በመጠቀም የተንሸራታቾችን ዝርዝር ማሳየት ይችላሉ። ተንሸራታቹ ብዙ ኦሪጅናል አኒሜሽን ዓይነቶች አሉት፣ ኪዩብ (ከተለያዩ ንዑስ-አይነቶች ጋር)፣ ፓይፕ፣ ብሎክ እና ሌሎችንም ጨምሮ።

በድር ፕሮጄክቶችዎ ላይ ሁሉንም አይነት የተለያዩ ይዘት ያላቸውን የዝግጅት አቀራረቦችን ለማደራጀት የተሟላ የመሳሪያዎች ስብስብ። የቡርጆው ልጆች የ jQueryን አስማት በመጠቀም ሁሉንም አይነት ተንሸራታቾች እና ጋለሪዎችን ጨምሮ የተቻላቸውን ሁሉ አድርገዋል። የፎቶ ተንሸራታች ፣ የፎቶ ማዕከለ-ስዕላት ፣ ተለዋዋጭ የስላይድ ትዕይንት ፣ ካሩሰል ፣ የይዘት ተንሸራታች ፣ የትሮች ምናሌ እና ሌሎችም ፣ በአጠቃላይ የእኛ የማይታጠፍ ምናብ ወደ ጫካ ለመሮጥ ቦታ አለ።

ይህ በቀላል አሳብ የተገነባ jQuery ስላይድ ትዕይንት ተሰኪ ነው። በጣም ጠቃሚው የተግባር ስብስብ ብቻ ለጀማሪዎች እና ለላቁ ገንቢዎች የታሸገ ነው, ይህም ቀላል, ግን በተመሳሳይ ጊዜ ለተጠቃሚ ምቹ የሆኑ በጣም ውጤታማ የሆኑ የስላይድ ትዕይንቶችን ለመፍጠር እድል ይሰጣል.

- በ jQuery ላይ የተገነባ ቀላል ተንሸራታች ፣ በሁሉም ረገድ ቀላል ፣ ልዩ ችሎታ የማይፈልግ ፣ ብዙዎች በድረ-ገፃቸው ላይ ስላይድ ትዕይንቶችን ለመተግበር ጠቃሚ ሆኖ ያገኙት ይመስለኛል። ፕለጊኑ ቀርፋፋውን IE አሳሽን ጨምሮ በሁሉም ዘመናዊ አሳሾች ውስጥ ተፈትኗል።

jbgalleryበjQuery ቤተ-መጽሐፍት በጃቫስክሪፕት የተጻፈ የተጠቃሚ በይነገጽ መግብር ዓይነት ነው። የእሱ ተግባር አንድ ትልቅ ምስል እንደ የጣቢያው ዳራ በሙሉ ማያ ገጽ ሁነታ, በርካታ ምስሎችን በተንሸራታች መልክ ማሳየት ነው. ሁሉም የእይታ ሁነታዎች የእይታ መቆጣጠሪያዎች አሏቸው። በራሱ መንገድ የሚስብ መፍትሄ ነው, እና በአንዳንድ ሁኔታዎች እንኳን መደበኛ አይደለም.

ለአጠቃቀም ቀላል የሆነ jQuery ፕለጊን ነው የእርስዎን ፎቶዎች እንደ ስላይድ ትዕይንት በምስሎች መካከል የመሸጋገሪያ ውጤት ያለው (የበለጠ ሳቢዎችን አይተሃል)። jqFancyTransitions ከሳፋሪ 2+፣ ኢንተርኔት ኤክስፕሎረር 6+፣ ፋየርፎክስ 2+ ጋር ተኳሃኝ እና በሰፊው የተሞከረ ነው። ጉግል ክሮም 3+፣ ኦፔራ 9+

ምስሎችን እና ሌሎች መረጃዎችን በ Lightbox ቅጽ ለማየት በነጻ የሚሰራጭ jQuery ፕለጊን ነው። የብቅ-ባይ መስኮት ከመቆጣጠሪያዎች ፣ ከዳራ ጥላ እና ሁሉም ፣ ቀላል እና ጣዕም ያለው።

ከLightbox ተከታታይ ሌላ jQuery ፕለጊን ምንም እንኳን እጅግ በጣም ትንሽ (9 ኪባ) ቢመዝንም ነገር ግን ብዙ ተግባር አለው። ሁልጊዜ ማሻሻል ወይም ማበጀት የምትችለው በጨዋነት የተነደፈ በይነገጽ አለ። CSS በመጠቀም.

ቀድሞውኑ ከስሙ ውስጥ ምንም የሚያምር ነገር እንደሌለ ግልጽ ይሆናል, በጣም ቀላል የሆነ አውቶማቲክ ምስል ማሸብለል አለን, ሙሉ በሙሉ የጎደሉ መቆጣጠሪያዎች. ማን ያውቃል ፣ ምናልባት ይህ ተንሸራታች በትንሹ በትንሹ ትኩረትን ይስባል።

ከተለያዩ የሽግግር ዓይነቶች ጋር የምስል ሽክርክሪት. ሁለቱንም በራስ ሰር እና ጠቅ በማድረግ ይሰራል፣ እና ለማዋቀር በጣም ቀላል ነው።

- ተንሸራታች ብቻ ሳይሆን የተሟላ የምስል ጋለሪ። ድንክዬዎች ቅድመ እይታ እና የሽግግር ተፅእኖዎችን የመምረጥ ችሎታ, ለሁሉም አሳሾች ሙሉ ድጋፍ, በድር ፕሮጀክት ውስጥ ስለ ውህደት ዝርዝር መግለጫ እና ነጻ ስርጭት.

ይህ ስክሪፕትኩለስ/ፕሮቶታይፕ ወይም jQueryን በመጠቀም ለአገልግሎት ዝግጁ የሆኑ የስላይድ ትዕይንቶችን ተግባራዊ ማድረግ ነው። ሆሪናጃ በመጠኑ ፈጠራ መፍትሄ ነው ምክንያቱም በማንሸራተቻው ውስጥ የተቀመጠውን ይዘት ለማሸብለል ጎማ እንዲጠቀሙ ይፈቅድልዎታል። የመዳፊት ጠቋሚው ከተንሸራታች ትዕይንት አካባቢ ውጭ ሲሆን ማሸብለል በራስ-ሰር ይከሰታል፤ ጠቋሚው በስላይድ ትዕይንቱ ላይ ሲቀመጥ ማሸብለል ይቆማል።

ይህ ከተከታታይ ቀላል የምስል ማንሸራተቻዎች ባህሪ ነው, ምንም እንኳን የእይታ መቆጣጠሪያዎች ቢኖሩም, እና ስለዚህ በሁለቱም አውቶማቲክ እና በእጅ ሁነታዎች ውስጥ ይሰራል.

s3 ተንሸራታችካልታዘዙ የምስሎች ዝርዝር የስላይድ ትዕይንት የሚፈጥር እና በማንኛውም የድር መድረክ ላይ በቀላሉ ሊተገበር የሚችል jQuery ፕለጊን ነው።

ይህ የመተላለፊያ ይዘት በሚቆጥብበት ጊዜ ትልቅ መጠን ያላቸውን ፎቶዎችን ለመስራት የተመቻቸ jQuery ፕለጊን ነው።

ቬጋስ ዳራ

የቬጋስ ዳራ jQuery ፕለጊን የሚያምሩ የሙሉ ስክሪን ዳራ ምስሎችን ወደ ድረ-ገጾች እንዲያክሉ ይፈቅድልዎታል፣ ሁሉም በስላይድ ትዕይንት ክፍሎች። ከተሰኪው ጋር የመሥራት ውስብስብ ነገሮችን በጥንቃቄ ካጠኑ ብዙ አስደሳች መፍትሄዎችን ማግኘት ይችላሉ, በእርግጥ, ከፈለጉ ብቻ.

- ተንሸራታች እንደ ተንሸራታች ፣ ምንም ፣ ከዚያ ያነሰ ፣ ለምስል መግለጫዎች ወይም ለጽሁፎች ማስታወቂያዎች እና ቀላል ቁጥጥሮች ፣ በዘፈቀደ።

የምስል እይታን ለማደራጀት ቀላል ክብደት ያለው (5 ኪባ አካባቢ) ጃቫ ስክሪፕት ነው። ትላልቅ ምስሎችን በራስ-ሰር መቀየር እና ማመጣጠን ምስሉን በአሳሹ መስኮት ውስጥ በሙሉ መጠን እንዲመለከቱ ያስችልዎታል

የ PikaChoose jQuery ምስል ጋለሪ ስሪት 4 ይገኛል! Pikachoose ቀላል ክብደት ያለው jQuery ስላይድ ትዕይንት ምርጥ ባህሪያት ያለው ነው! ከFancybox ጋር ውህደት፣ ምርጥ ገጽታዎች (ነጻ ባይሆንም) እና ሌሎችም በፕለጊን ገንቢዎች ለእርስዎ ትኩረት ቀርቧል።

በዝርዝርዎ ውስጥ ያሉትን የምስሎች ብዛት ይፈትሻል እና በተለዋዋጭ የፎቶ አገናኞችን እንደ ዲጂታል ዳሰሳ ይፈጥራል። በተጨማሪም እያንዳንዱን ምስል ጠቅ ማድረግ ወደ ፊት ወይም ወደ ኋላ ይንቀሳቀሳል, እንዲሁም በምስሉ ላይ በመረጡት ቦታ ላይ በመመስረት በምስሎቹ ውስጥ ማሸብለል ይችላሉ (ለምሳሌ: በስዕሉ በግራ በኩል ጠቅ ማድረግ ተንሸራታቹን ወደ ፊት እና ወደ ፊት ያንቀሳቅሳል. በቅደም ተከተል, ለምስሉ በቀኝ በኩል).

ከማንኛውም የዎርድፕረስ አብነት ጋር በትክክል የሚስማማ ሌላ jQuery ተንሸራታች።

ሌላው የ "Nivo" እድገት፣ ልክ ከዚህ ስቱዲዮ ውስጥ ያሉ ወንዶች እንደሚያደርጉት ሁሉ ተሰኪው በከፍተኛ ጥራት የተሰራ ነው፣ 16 ልዩ የሽግግር ውጤቶች፣ የቁልፍ ሰሌዳ አሰሳ እና ሌሎችንም ይዟል። ይህ ስሪት በቀጥታ ለዎርድፕረስ የተወሰነ ተሰኪን ያካትታል። ስለዚህ ለሁሉም የዚህ ብሎግ ማድረጊያ ሞተር አድናቂዎች ኒቮ ተንሸራታች ለእርስዎ ትክክል ይሆናል።

ለማንኛውም መጠን ምስሎች ቀላል፣ ውጤታማ እና የሚያምር ተንሸራታች በፍጥነት እንዲፈጥሩ የሚያስችልዎ jQuery plugin።

ፒሮቦክስቀላል ክብደት ያለው jQuery “lightbox” ስክሪፕት ነው፣ እይታ የሚከናወነው በብቅ ባይ ብሎክ ውስጥ ነው፣ እሱም በራስ-ሰር የምስሉን መጠን የሚያስተካክል፣ ከሁሉም መቆጣጠሪያዎች ጋር።

የዚህ ማዕከለ-ስዕላት ፈጣሪዎች የስዕሎቹን ይልቁንም ኦርጅናሌ አቀራረብ ያቀርባሉ። ምስሎቹ በጥቃቅን መልክ በማዕበል መልክ ይታያሉ፣ ድንክዬውን ሲጫኑ መካከለኛ መጠን ያለው የምስሉን ስሪት እናያለን ፣ ለሁለተኛ ጊዜ ጠቅ ያድርጉ እና ትልቅ ምስል ያያሉ። ይህንን እንደ ሙከራ አድርገው ሊቆጥሩት ይችላሉ, ነገር ግን አንድ አዲስ እና ያልተለመደ ነገር ሁልጊዜ የሚስብ መሆኑን መቀበል አለብዎት.

የሙሉ ስክሪን ስላይድ ትዕይንት ከHTML5 እና jQuery ጋር

የስላይድ ትዕይንቶችን ለመፍጠር እና ምስሎችን በሙሉ ስክሪን ሁነታ ለማሳየት ገንቢዎቹ ቀደም ሲል በቡድን ጽሑፎች ውስጥ በዝርዝር የተገለጹትን ብዙ ሃሳቦችን እና ቴክኒኮችን የያዘውን ቀድሞውንም የታወቀው የቬጋስ jQuery ፕለጊን ተጠቅመዋል። የኤችቲኤምኤል 5 ኦዲዮ አካላት መኖር እና በምስሎች መካከል ያለው የመሸጋገሪያ ዘይቤ ማራኪ ናቸው።

ከCodrops ቡድን ሌላ እድገት, ሙሉ እና ተግባራዊ የምስል ጋለሪ, ነገር ግን እሱን ለመግለጽ ምንም ፋይዳ የለውም, ማየት አለብዎት.

የምስል ተንሸራታች ትዕይንት ፣ ስዕሎች ወዲያውኑ በዓይኖችዎ ፊት ይጠፋሉ ፣ ውጤቱ በቀላሉ አስደናቂ ነው።

በjQuery ቤተ-መጽሐፍት ላይ የተገነባ የጃቫስክሪፕት ምስል ማዕቀፍ ነው። ግቡ ለድር እና ለሞባይል መሳሪያዎች የባለሙያ ምስል ማዕከለ-ስዕላትን የማዘጋጀት ሂደቱን ቀላል ማድረግ ነው. በብቅ ባዩ መስኮት ወይም በሙሉ ስክሪን ሁነታ ላይ ማየት ይችላሉ.

በጸጥታ መለመድ ጀመርን እና ከCodrops ቡድን አዳዲስ ስራዎችን እንጠብቃለን። እባክዎን ምስሎችን በሙሉ ስክሪን ሁነታ ለማየት በሚያስደንቅ የ3-ል ሽግግር ውጤት ያለው እጅግ በጣም ጥሩ የምስል ተንሸራታች ያግኙ።

ከስላይድ ትዕይንት አደራጅ ተከታታይ ሌላ የዎርድፕረስ ፕለጊን። በቀላሉ ከማንኛውም ንድፍ ጋር ይዋሃዳል እና ልምድ ላላቸው ተጠቃሚዎች እና ላልተለመዱ ብዙ የማበጀት አማራጮችን ይሰጣል።

ለ WordPress የተፃፈ ሌላ ፕለጊን በብሎግዎ ላይ የስዕሎች ስላይድ ትዕይንት ወይም ሌላ ማንኛውንም ይዘት ማደራጀት በጣም ቀላል ያደርገዋል።

ወደ ዎርድፕረስ ለመዋሃድ ጥሩ የስላይድ ትዕይንት ተሰኪ። Xili-floom-slideshow በራስ-ሰር ተጭኗል፣ እና የግል ቅንጅቶችም ተፈቅደዋል።

Slimbox2በ Lightbox ውጤት ምስሎችን ለማሳየት በደንብ የተረጋገጠ የዎርድፕረስ ፕለጊን ነው። በአሳሹ መስኮት ውስጥ ምስሎችን በራስ ሰር ስላይድ ትዕይንት እና መጠን መቀየርን ይደግፋል። እና በአጠቃላይ ይህ ፕለጊን በዚህ ተከታታይ ውስጥ ካሉ ሌሎች ተሰኪዎች ብዙ ጥቅሞች አሉት።

ይህ ፕለጊን/መግብር በዎርድፕረስ ኢንጂን ላይ ለሚሰራ ለድር ጣቢያዎ ወይም ለብሎግዎ ተለዋዋጭ፣ ቁጥጥር የሚደረግባቸው የስላይድ ትዕይንቶችን እና አቀራረቦችን እንዲፈጥሩ ይፈቅድልዎታል።

ይህ የዎርድፕረስ ፕለጊን የተከተቱ የጋለሪ ምስሎችን ወደ ቀላል እና ተለዋዋጭ የስላይድ ትዕይንት ይቀይራል። ፕለጊኑ የFlexSlider jQuery ምስል ተንሸራታች እና የተጠቃሚ ግላዊ ቅንብሮችን ይጠቀማል።

- ይህ የዎርድፕረስ ፕለጊን።የፎቶዎች ተንሸራታች ትዕይንት ለማደራጀት፣ ከSmugMug፣ Flicker፣ MobileMe፣ Picasa ወይም Photobucket RSS ምግብ፣ የሚሰራ እና የሚያሳዩ ምስሎች።

ቀላል ተንሸራታች ለዎርድፕረስ እና ሌሎችም። ምንም ያልተለመደ ወይም አስቸጋሪ ነገር የለም፣ ስራው በአነስተኛ ስልት ነው የሚሰራው፣ አጽንዖቱ መረጋጋት እና ፍጥነት ላይ ነው፣ ከብሎግ አስተዳደር ሞተር ጋር በትክክል ይገናኛል።

በእኔ አስተያየት Skitter ከዎርድፕረስ ጋር መስራትን ከሚደግፉ ምርጥ ተንሸራታቾች አንዱ ነው። በጣም ታዋቂ ቁጥጥሮች፣ የሽግግር ውጤቶች እና ከጭብጡ ጋር ባለ ቀላል ግንኙነት ሳይሆን በአሰራሩ መረጋጋት እና ፍጥነት ይሳበኛል።

በስላይድ ሾው ሁነታ የመመልከት ችሎታ በድር ጣቢያዎ ላይ የምስል ማዕከለ-ስዕላትን በቀላሉ እና በፍጥነት ማደራጀት የሚችሉበት የዎርድፕረስ ፕለጊን ነው። ማሳያው በጥፍር አከሎች እና የምስሎች መግለጫ ጽሑፎችን በማሳየት አውቶማቲክ ወይም ሙሉ ቁጥጥር ሊሆን ይችላል።

የ.ጣቢያ | ማሳያ

ሁሉንም ምስሎች ለአንድ ልጥፍ/ገጽ እንደ ስላይድ ትዕይንት ያሳያል። ቀላል መጫኛ. ይህ ፕለጊን አዶቤ ፍላሽ ከሽግግር እነማዎች ጋር ስሪት ያስፈልገዋል፣ ፍላሽ ካልተገኘ ተንሸራታቹ እንደተለመደው ይሰራል።

ለ WordPress ሌላ ቀላል ተንሸራታች ፣ ለጽሁፎች ምስሎች እና አጫጭር ማስታወቂያዎች ያሳያል። በዚህ ብሎግ ላይ እንደዚህ ያለ ፕለጊን ከጊዜ ወደ ጊዜ እጠቀማለሁ።

Meteor Slides ከሃያ በላይ የመሸጋገሪያ ቅጦች ያለው jQuery WordPress ተንሸራታች ነው። ደራሲው ፕለጊኑን “ሜትሮ” ብለው ጠርተውታል፣ ምናልባትም የስራውን ፍጥነት የሚያመለክት ሊሆን ይችላል፤ ምናልባት ምንም የሚቲዮሪክ ነገር አላስተዋልኩም።

oQey Gallery አብሮገነብ የቪዲዮ እና የሙዚቃ ችሎታዎች ለዎርድፕረስ የስላይድ ትዕይንት ክፍሎች ያሉት ሙሉ የምስል ጋለሪ ነው።

ምስሎችን እና ቪዲዮዎችን በድረ-ገጾች እና ብሎጎች ለመመልከት የፍላሽ አኒሜሽን ክፍሎች ያሉት ተንሸራታች ትዕይንት ነው። ይህንን ተንሸራታች በማንኛውም ድረ-ገጽ ላይ በማንኛውም መጠን እና በሚወዱት ይዘት ላይ ማስቀመጥ ይችላሉ.

የፍላሽ ጋለሪ ፕለጊን በአንድ ልጥፍ ለብዙ አልበሞች ድጋፍ፣ የሙሉ ስክሪን እይታ እና የስላይድ ትዕይንት ሁነታን በመደገፍ መደበኛ ጋለሪዎችዎን ወደ አስደናቂ የምስል ግድግዳዎች ይለውጠዋል።

WOW ተንሸራታች ለዎርድፕረስ የ jQuery ምስል ተንሸራታች በአስደናቂ የእይታ ውጤቶች (ፍንዳታ ፣ ፍላይ ፣ ዓይነ ስውራን ፣ ካሬዎች ፣ ፍርስራሾች ፣ መሰረታዊ ፣ ደብዝዛ ፣ ቁልል ፣ ቁልል ቁልል እና መስመራዊ) እና በሙያዊ የተነደፉ አብነቶች።

ፕሮሞሽን ተንሸራታች ቀላል የስላይድ ትዕይንት ለመፍጠር ቀላል የሚያደርግ የ jQuery ፕለጊን ነው ፣ ወይም በገጽ ላይ ብዙ የሚሽከረከሩ ማስታወቂያዎችን መተግበር ፣ ምክንያቱም በጣም ሊበጅ የሚችል መሳሪያ ስለሆነ ፣ በተንሸራታች ውስጥ በሚያሳዩት እና እንዴት ላይ ሙሉ ቁጥጥር ይኖርዎታል ። ሞጁሉ በአጠቃላይ ይሰራል.

| ማሳያ

አዲስ በስሪት 2.4፡ የድራግ-n-ጣል ፎቶን በቀጥታ በዎርድፕረስ አርታዒ በኩል ለመደርደር ድጋፍ፣ እንዲሁም የፎቶ አገናኞችን ወደ ዋና ምስሎች የመጨመር ችሎታ። (IE8 አንዳንድ ሳንካዎች ሊኖሩት ይችላል፣ በሁሉም ዋና አሳሾች ላይ በጥሩ ሁኔታ ይሰራል። ደራሲዎቹ ለወደፊቱ IE8 ሙሉ ድጋፍ እንደሚሰጡ ቃል ገብተዋል።)

| ማሳያ

የዚህ ግምገማ የመጨረሻ ኮርድ ለ WordPress ይህ ፕለጊን ይሆናል፣ ምስሎችን ለመምረጥ እና ለመለወጥ አስደሳች የእይታ ውጤቶች ያለው ሌላ ተንሸራታች።

ከላይ የተገለጹትን ነገሮች ሁሉ እመለከታለሁ እና እገረማለሁ, እነዚህ ሰዎች ምን አይነት ድንቅ በረራ አላቸው, ግን ይህ ብቻ አይደለም የተለያዩ የድር ገንቢዎች በድር ፕሮጀክቶች ላይ ምስሎችን በማደራጀት ርዕስ ላይ በቅርቡ ያመጡት. ጋለሪዎችን እና የስላይድ ትዕይንቶችን ለመፍጠር አሁን እንደዚህ ያሉ አስደናቂ መፍትሄዎችን መተግበር መቻሉ በጣም ጥሩ ነው።
በዚህ ስብስብ ውስጥ ለራስዎ አንድ አስደሳች ነገር እንደሚያገኙ በጸጥታ ተስፋ ለማድረግ እደፍራለሁ ፣ የራስዎን ልዩ ጋለሪ ወይም ተንሸራታች ይፍጠሩ ፣ ለተጠቃሚዎችዎ እና በእርግጥ ፣ ተወዳጅ እራስን ለማስደሰት ፣ እና ያለዚህ የት እንሆን ነበር ...

በእኛ የስክሪፕት ስብስብ ውስጥ ለድር ጣቢያዎ ትንሽ ነገር ግን በጣም ጠቃሚ እና ተግባራዊ ተሰኪዎችን ማግኘት ይችላሉ። ወደ ዘዴው በመዞር ላይ jQueryማዕከለ-ስዕላት, በቀላሉ የእርስዎን ዲጂታል ፎቶ ማዕከለ-ስዕላት በጥሩ ንድፍ, ማሸብለል, ማጉላት, ጥፍር አክል እይታ እና ሌሎች ብዙ ጠቃሚ ባህሪያትን ያደራጁ. ሁለቱም ለሙያዊ ድረ-ገጾች ጥብቅ መፍትሄዎች አሉ, እና ብሩህ አኒሜሽን እና ሌሎች ለመዝናኛ ፕሮጀክቶች ልዩ ተፅእኖዎች.

ማለት ነው። jQuery ምስሎችገጹን እንደገና ሳይጭኑ እና የትራፊክ ፍሰትን ሳይጨምሩ ማየት ይችላሉ። የቀረቡት ፕለጊኖች የምስሎችን ጭነት በእውነተኛ ጊዜ እንዲያሳድጉ ይፈቅድልዎታል፣ ጋለሪውን ምቹ እና ለተጠቃሚ ምቹ በሆነ መንገድ ያቅርቡ። ለቅንብሮች ቀላልነት እና ብዙ ሊገኙ የሚችሉ መፍትሄዎች እናመሰግናለን jQuery የፎቶ ማዕከለ-ስዕላትአሁን በትክክል እርስዎ በሚፈልጉት መንገድ ሊመስሉ ይችላሉ. የቀረቡት ስክሪፕቶች በተለያዩ መድረኮች ላይ ተፈትነዋል እና በጣም ተኳሃኝ ናቸው።

ዛሬ የ jQuery Flipping Gallery ፕለጊን እንመለከታለን፣ ይህም በጣም የመጀመሪያ ሽግግሮች ያሉት አሪፍ የምስል ጋለሪዎችን እንዲፈጥሩ ያስችልዎታል። በምሳሌው ውስጥ ይህንን ፕለጊን በመጠቀም 5 አይነት ሽግግሮች አሉ. ተሰኪው በእውነት ለመጠቀም በጣም ቀላል ነው፣ ስለዚህ ማንም ሰው ሙሉ በሙሉ ሊጠቀምበት ይችላል።

አንድ ምሳሌ እዚህ ማየት ይቻላል፡-

አውርድ

ከ Demo 2 ምናሌ እንዴት እንደሚፈጠር በበለጠ ዝርዝር እንመለከታለን, ምናሌው ከላይ በግራ በኩል ይታያል.

HTML ክፍል

በመጀመሪያ እዚህ ማውረድ የሚችሉትን የ jQuery ቤተ-መጽሐፍትን እና የ Flipping Gallery ተሰኪን በመለያዎቹ መካከል ማገናኘት ያስፈልግዎታል :

ከዚያም ምስሎቹን እናዘጋጃለን. የፈለጉትን ያህል ምስሎችን ማከል ይችላሉ፡-

1 2 3 4 5 6 7 8

<div class = "ጋለሪ" > <a href = "#" > <a href = "#" > <a href = "#" > <a href = "#" > <a href = "#" > ... </div>

እና ለምስሎች መግለጫ ለመጨመር (እንደ ማሳያ 4 እና 5) ባህሪውን መጠቀም ያስፈልግዎታል የውሂብ መግለጫ:

1 2 3 4 5 6 7 8

<div class = "ጋለሪ" > <a href = "#" data-caption = "በጣም" > <a href = "#" data-caption = "አሪፍ" > <a href = "#" data-caption = "ጋለሪ" > <a href = "#" data-caption = "በመጠቀም ላይ" > <a href = "#" data-caption = "መገልበጥ" > ... </div>

JS ክፍል

እያንዳንዱ ዘዴ ምን ማለት እንደሆነ እንመልከት-

• አቅጣጫ- ምስሎች እንዴት እንደሚታዩ ኃላፊነት ያለው ዘዴ። “ወደ ፊት” ከሆነ ፣ ከዚያ ምስሉ ከመጀመሪያው መጨረሻ ላይ ይቀመጣል ፣ “ወደ ኋላ” ከሆነ - በተቃራኒው። ነባሪው ዋጋ "ወደ ፊት" ነው.
• መራጭ- ምስሎችን የምንመርጥበት መራጭ፤ እንደፈለገ ሊቀየር ይችላል።
• ክፍተት- በእይታ ውስጥ በምስሎች መካከል ያለውን ርቀት ያዘጋጃል።
• ከፍተኛውን አሳይ- ለተጠቃሚው የሚታዩ ምስሎችን ብዛት ያዘጋጃል። ቢያንስ 100 ምስሎችን መጠቀም ይችላሉ, ግን የመጀመሪያዎቹ 15 ብቻ ይታያሉ, ይህም በጣም ምቹ እና አሳሹን አይጭንም.
• ማሸብለልን አንቃ- የመዳፊት ጎማ በመጠቀም ምስሎችን ማየት ይችላሉ.
• የመገልበጥ አቅጣጫ- ምስሉ የሚንሸራተትበትን ቦታ ይወስናል: "ግራ" - ግራ "ቀኝ" - ቀኝ "ከላይ" - ወደ ላይ እና "ታች" - ታች. በነባሪ ወደ ታች ይንሸራተታል.
• በራስ - ተነሽ- ጋለሪ አውቶማቲክ. በሚሊሰከንዶች ተወስኗል፣ i.e. ምስሎቹ እስኪቀየሩ ድረስ ምን ያህል ጊዜ ይወስዳል?

መደምደሚያ

አሁን ፎቶዎችዎን በሚለጥፉበት ጊዜ የሚጠቀሙበት አስደናቂ ማዕከለ-ስዕላት አለዎት።

የተለያዩ የምስል ጋለሪዎችን ብዙ ጊዜ ገምግሜአለሁ እና ሰፋ ያሉ አስደናቂ የስላይድ ትዕይንቶችን እና ተሰኪዎችን ሰብስቤያለሁ። Lightbox እንዲሁ ተጨማሪ js ላይብረሪዎችን ሳያገናኙ በ CSS3 ላይ ብቻ ይገኛል። ነገር ግን ጊዜው አሁንም አልቆመም, ተጠቃሚዎች ከጊዜ ወደ ጊዜ ኢንተርኔትን ለማሰስ የተለያዩ የሞባይል መሳሪያዎችን ይጠቀማሉ, ይህም ማለት የዌብ ኤለመንቶችን እና በተለይም የፎቶ ጋለሪዎችን ከ "" ተጽእኖ ጋር መላመድ የድር ዲዛይነሮች እና ገንቢዎች ትኩረት ሊሰጡ ከሚገባቸው ቅድሚያዎች ውስጥ አንዱ እየሆነ መጥቷል. ወደ.

ለሁለቱም ከዴስክቶፕ አሳሾች ጋር ወዳጃዊ የሆኑ እና ከተለያዩ የሞባይል መሳሪያዎች (ላፕቶፖች፣ ስማርትፎኖች፣ ታብሌቶች፣ ወዘተ) ስክሪኖች ጋር በትክክል የሚስማሙ 15 አስማሚ jQuery ፕለጊኖች ሌላ ምርጫ አቀርባለሁ።

ማሳያውን በገንቢዎች ድር ጣቢያዎች ላይ ይመልከቱ፣ የሚወዱትን ፕለጊን ያውርዱ እና ይፍጠሩ፣ ይፍጠሩ፣ ይፍጠሩ...

1. iLightbox

iLightboxቀላል ክብደት ያለው jQuery Lightbox ፕለጊን ሲሆን ለብዙ አይነት ድጋፍ ነው። የተለያዩ ዓይነቶችፋይሎች፡ ምስሎች፣ ቪዲዮዎች፣ ፍላሽ/ኤስደብልዩኤፍ፣ የአጃክስ ይዘት፣ ክፈፎች እና የተከተቱ ካርታዎች። ይህ ተሰኪ አዝራሮችንም ይጨምራል ማህበራዊ አውታረ መረቦች, ይህም ተጠቃሚዎች በ Facebook, Twitter ወይም Reddit በኩል ይዘት እንዲያጋሩ ያስችላቸዋል. አስደናቂ የስላይድ ትዕይንቶችን፣ የምስል ጋለሪዎችን እና ቪዲዮዎችን በመደበኛ እና በሙሉ ስክሪን ሁነታዎች በመመልከት ለማደራጀት ጥሩ አጋጣሚ።

iLightboxበጣም በፍጥነት ይሰራል እና በሞባይል መሳሪያዎች ላይ ሲታይ, የተቀነባበረውን ይዘት በትክክል ከማሳየት በላይ. ከሌሎች ነገሮች በተጨማሪ, ይህን ፕለጊን በመጠቀም, እንደ ሞዳል መስኮት ያሉ የመረጃ ማገጃዎችን ማሳያ በቀላሉ መተግበር ይችላሉ.

• ሱስ: jQuery
• የአሳሽ ድጋፍ IE7+፣ Chrome፣ Firefox፣ Safari እና Opera
• ፈቃድ: ሰይጣን ያውቃል)))

2. SwipeBox

ማንሸራተቻ ሳጥንድጋፍ ያለው JQuery ተሰኪ ነው። የንክኪ ማያ ገጾችየሞባይል መድረኮች. ከምስሎች በተጨማሪ ተሰኪው ከ Youtube እና Vimeo የተከተቱ ቪዲዮዎችን ይደግፋል። Swipebox ከማንኛውም ፕሮጀክት ጋር ለማያያዝ በጣም ቀላል ነው፡ ፕለጊኑ ተግባራቱን እና ባህሪውን ለማበጀት ብዙ ሊታወቁ የሚችሉ አማራጮች አሉት። የገንቢው ድረ-ገጽ ተሰኪውን ስለማገናኘት እና ስለመጠቀም ዝርዝር ሰነዶች አሉት, ያለምንም አላስፈላጊ ቅልጥፍና, ሁሉም ነገር እስከ ነጥቡ ድረስ ነው, ስለዚህ ምን, የት እና ለምን እንደሆነ ለማወቅ አስቸጋሪ አይሆንም ብዬ አስባለሁ.

• ሱስ: jQuery
• የአሳሽ ድጋፍ: IE9+፣ Chrome፣ Safari፣ Firefox፣ Opera፣ IOS4+፣ አንድሮይድ እና ዊንዶውስ ስልክ
• ፈቃድእኔ አልወሰንኩም ምናልባት እድለኛ ትሆናለህ)))

3.MagnificPopup

በ jQuery ወይም Zepto.js ላይ የተመሰረተ ለረጅም ጊዜ የሚታወቅ እና በደንብ የተረጋገጠ የብርሃን ሳጥን ተሰኪ። የፕለጊኑ ደራሲ ዲሚትሪ ሴሜኖቭ ነው, እሱም የ PhotoSwipe ፕለጊን ገንቢ ነው, ይህም ከዚህ በታች እናገራለሁ. እንደ jQuery/Zepto ፕለጊን የቀረበ፣ በፎቶ ስዊፕ ውስጥ የማይገኙ እንደ የቪዲዮ ድጋፍ፣ የካርታዎች ማሳያ እና የአጃክስ ይዘት፣ አብሮ በተሰራ ቅጾች የሞዳል መስኮቶችን መተግበር የመሳሰሉ የላቁ ባህሪያት አሉት። በሁሉም መመዘኛዎች ይህ ለድር ገንቢ ሌላ ምርጥ መሳሪያ ነው። ለ WordPress የተለየ ፕለጊን እና ስለ ማዋቀር እና አጠቃቀም ዝርዝር ሰነዶች አሉ። ብቸኛው ተስፋ አስቆራጭ ነገር በሩሲያኛ የሰነድ እጥረት ነው, በስም እና በአያት ስም, ጸሃፊው ሩሲያዊ ይመስላል, ጎጂ እንደሆነ ፈጽሞ አልተረዳም, ወይም ስለራሱ ውስብስብነት ምናባዊ ግንዛቤ ምክንያት, ግን blah. ደህና, እሺ, ማን ማወቅ አለበት, እኛ ደግሞ ሻይ ለስላሳ የተቀቀለ)))).

• ሱስ: jQuery 1.9.1+ ወይም Zepto.js
• የአሳሽ ድጋፍ: IE7 (በከፊል)፣ IE8+፣ Chrome፣ Firefox፣ Safari እና Opera
• ፈቃድ: MIT ፈቃድ

4.PhotoSwipe

• ሱስጃቫስክሪፕት ወይም jQuery
• የአሳሽ ድጋፍ
• ፈቃድ: MIT ፈቃድ

11.FeatherLight

ለብዙ ወይም ለትንሽ አስተዋይ ገንቢዎች ባለ 6 kbit lightbox ተሰኪ፣ ከሁሉም በጣም አስፈላጊ ተግባራት ጋር። ሁሉንም የተለመዱ የይዘት ዓይነቶችን (ጽሑፍ ፣ ምስሎች ፣ iframe ፣ Ajax) ከመደገፍ በተጨማሪ አንድ ተጨማሪ የማገናኘት ችሎታ አለ ፣ እና ለዚህ ተሰኪ የራስዎን ቅጥያ ማዳበር ይችላሉ ፣ ይህም አዲስ በሚፈጥሩበት ጊዜ ፍላጎቶችዎን ሙሉ በሙሉ ያሟላል። ፕሮጀክት. ይህ ሙሉ ነገር (የቅጥያ ልማት) እንዴት እንደሚሰራ, በትክክል አልተመለከትኩም, ግን ይህን ፕለጊን የሚጭኑት, እነሱ ያውቁታል ብዬ አስባለሁ))).

• ሱስ: jQuery
• የአሳሽ ድጋፍ IE8+፣ Chrome፣ Firefox፣ Safari እና Opera
• ፈቃድ: MIT ፈቃድ

12. LightGallery

LightGalleryብዙ ተጨማሪ ባህሪያት ያለው ባለብዙ ተግባር የብርሃን ሳጥን ተሰኪ ነው። የLightbox ትንሹን ዝርዝሮች ለማበጀት ከ20 በላይ አማራጮች ጋር አብሮ ይመጣል። እዚህ ሁሉም ነገር አለ, ደህና, ወይም ሁሉም ነገር ማለት ይቻላል)). ሙሉ የምስል ማዕከለ-ስዕላት በጥሩ ሁኔታ ከተደረደሩ ጥፍር አከሎች፣ የአሰሳ ክፍሎች እና ድንክዬ ማሸብለል። ቀላል HTML ምልክት ማድረጊያ ባልታዘዘ ዝርዝር መልክ

ለሙሉ መጠን ምስሎች የውሂብ-src ባህሪን በመጠቀም። ከዩቲዩብ እና ቪሜኦ ለሚመጡ ቪዲዮዎችም ተመሳሳይ ነው። ለሁሉም የቪዲዮ ቅርጸቶች HTML5፣ MP4፣ WebM፣ Ogg... አኒሜሽን ድንክዬዎች፣ የሞባይል ምላሽ ሰጪ አቀማመጥ፣ የስላይድ ተፅእኖዎች እና በምስሎች እና በሌሎች ይዘቶች መካከል በሚቀያየሩበት ጊዜ ለስላሳ ሽግግሮች ጥሩ ድጋፍ። መልክ CSS በመጠቀም በቀላሉ የተቀረጸ እና የተበጀ። የምስል ቅድመ ጭነት እና ኮድ ማመቻቸት። ለዴስክቶፖች የቁልፍ ሰሌዳውን በመጠቀም ዳሰሳ ፣ እንዲሁም ተጨማሪ የቅርጸ-ቁምፊ አዶዎችን የመጠቀም ችሎታ። LightGallery- ትክክለኛው “ማጣመር” ያለበት ቦታ ነው ፣ ዋናው ነገር በብዙ ቅንጅቶች እና የዚህ ተሰኪ ሰፊ ችሎታዎች ውስጥ መጥፋት አይደለም ።
ጥሩ ተንሸራታች ለሚፈልጉ ፣ ከተመሳሳይ ገንቢዎች ለአንዱ ትኩረት እንዲሰጡ እመክራለሁ ።
• ሱስ: jQuery
• የአሳሽ ድጋፍ: IE7+፣ Chrome፣ Firefox፣ Safari፣ Opera፣ iOS፣ አንድሮይድ እና ዊንዶውስ ስልክ
• ፈቃድ: MIT ፈቃድ



13. StripJS

ያልተለመደ ፣ እኔ እንኳን እላለሁ-የብርሃን ሳጥን ያልተለመደ አተገባበር ፣ ወይም ይልቁንም ፣ ያልተለመደ የይዘት አቀራረብ ፣ ምስል ወይም ቪዲዮ ፣ በብርሃን ሳጥን ዲዛይን ውስጥ ፣ በቀኝ በኩል ሲታይ ፣ መላውን ማያ ገጽ አይሞላም ፣ ግን የተወሰነ መጠን ብቻ። ባለ ሙሉ መጠን ምስል ወይም ቪዲዮ. በትልልቅ ስክሪኖች ላይ ይህ አካሄድ ለመረዳት የሚቻል ነው፣ ከገጹ ጋር ያለው መስተጋብር አሁንም የሚቻል ነው። በሞባይል መሳሪያዎች ትንንሽ ስክሪኖች ላይ ይህ ሁሉ የፈጠራ ንድፍ በተቀላጠፈ ሁኔታ ወደ ክላሲክ "የብርሃን ሳጥን" ይቀየራል. ሀሳቡ አስደሳች ነው, ማሳያውን ይመልከቱ, ምናልባት አንድ ሰው እንዲህ አይነት ፈጠራን ይጨምራል.

• ሱስ: jQuery
• የአሳሽ ድጋፍ: IE7+፣ Chrome፣ Firefox፣ Safari፣ Opera፣ iOS 5+ እና Android 3+
• ፈቃድ: Creative Commons BY-NC-ND 3.0 ፍቃድ



14.Light ንብርብር

ከየትኛውም ፕሮጀክት ጋር በጥሩ ሁኔታ የሚሄድ እና በማንኛውም ስክሪን ላይ ጥሩ የሚመስል ለአጠቃቀም ቀላል የሆነ ፕለጊን። የ LightLayer ፕለጊን እንደ የበስተጀርባ ቀለም መቀየር እና የግልጽነት ደረጃን መቀየር፣ የመሠረት ማገጃው አቀማመጥ፣ ሲከፈት/የሚዘጋበት የሽግግር ውጤቶች ምርጫ፣ ተጠቃሚዎች በተናጥል ሊያንቀሳቅሷቸው የሚችሏቸውን ተግባራት የመሳሰሉ ብዙ ቅንብሮችን ይቆጣጠራል። ፕለጊኑ ከውጫዊ የድር ጣቢያ ይዘት፣ ከተከተቱ የቪዲዮ ማጫወቻዎች እና ካርታዎች ጋር ጥሩ ይሰራል።

• ሱስ: jQuery
• የአሳሽ ድጋፍ IE9+፣ Chrome፣ Firefox፣ Safari እና Opera
• ፈቃድ: MIT ፈቃድ



15. FluidBox

Fluidbox ለምስሎች ብቻ የላይትቦክስ ተሰኪ ነው። በምስል አቀራረብ ውስጥ ሊሆኑ የሚችሉ ልዩነቶች ብዛት በእውነት አስደናቂ ነው። ተሰኪው ተንሳፋፊ ምስሎችን፣ ፍፁም አቀማመጥ ካላቸው ምስሎች፣ ምስሎች እና ፎቶግራፎች በፍሬም እና በውስጥም፣ በነጠላ ምስሎች እና ወደ ማዕከለ-ስዕላትን ጨምሮ በተለያዩ ንድፎች ውስጥ ካሉ ምስሎች ጋር ጥሩ ይሰራል። በአጠቃላይ ይህ ጊዜ ማባከን ነው, አሁንም ሁሉንም የፕለጊን አቅም በአጭር አቀራረብ መግለጽ አይቻልም, ስለዚህ ማሳያውን መመልከት, ማዞር, ማዞር ይሻላል, እና ይህን ፕለጊን ብዙ ሰዎች የሚወዱት ይመስለኛል. .

• ሱስ: jQuery
• የአሳሽ ድጋፍ IE9+፣ Chrome፣ Firefox፣ Safari፣ Opera
• ፈቃድ: MIT ፈቃድ



ያ ብቻ ሳይሆን አይቀርም! ይህ አጭር ግምገማ የሚቀርቡትን የድር ልማት ምርቶች ክምር ለመረዳት ይረዳዎታል ብዬ ተስፋ አደርጋለሁ። በስራ ፕሮጀክቶች ላይ በምርጫው ውስጥ የቀረቡትን ሁሉንም ተሰኪዎች እንዳልጠቀምኩ ማስተዋል እፈልጋለሁ ፣ አብዛኛዎቹን በፈተና ጣቢያዎች ወይም በአውደ ጥናቱ ላይ ሞክሬያለሁ ፣ ስለሆነም ማንኛውም ጥያቄዎች ከተነሱ ፣ እኛ በጋራ እንፈታቸዋለን ፣ እና አንድ ላይ, እንደ ሁልጊዜም እንሳካለን.

ለእርስዎ ዓላማ ተስማሚ የሆነ የሩሲያ አብነት እየፈለጉ ነው? በዚህ አጋጣሚ የ TemplateMonster የገበያ ቦታን መጎብኘት አለቦት። ለቀላል ምክንያት በቅርብ ጊዜ በጣቢያው ላይ አዲስ የአብነት ክፍል ታየ። አሁን እያንዳንዱ ተጠቃሚ እራሱን ከስብስቡ ጋር በደንብ ሊያውቅ ይችላል, እሱም ይሻሻላል እና ይሻሻላል. የአብነት ጽሑፎች በእጅ የተጻፉ ናቸው. ነገር ግን የእነዚህ ዝግጁ መፍትሄዎች ብቸኛው ጥቅም ይህ አይደለም. ከሁሉም በኋላ, በጥቅሎቻቸው ውስጥ የእይታ አርታዒን ጨምሮ የመስመር ላይ ፕሮጀክትን ለማዳበር ስራዎን ቀላል የሚያደርጉትን ሁሉንም ነገሮች ማግኘት ይችላሉ.

ከአክብሮት ጋር አንድሪው