Photolaboratoriya PowerPoint kamerasi yordamida taqdimot uchun slaydni qanday yaratish mumkin - bepul jQuery slayderi

turli segmentlarda (biznes, yoritish va aksincha). Dasturlar Persh Cherga-da ko'proq yoki kamroq qo'shimcha kreditlar uchun sug'urtalangan va yangi boshlanuvchilar uchun butun ishga qabul qilish haqida ko'rinmasa ham, funktsiyalarning yarmini olish oson bo'ladi. Gunohkor va PowerPoint-ga aylanmasdan - men dasturni muammosiz o'zlashtiraman, men tirishqoqlik uchun shahardaman, siz yaxshi slayd-shou kabi haqiqiy taqdimotni olishingiz mumkin. Quyida berilgan ko'rsatmalarni o'qib bo'lgach, siz o'zingiz slaydlar yaratishni o'rganasiz va PowerPoint-ga o'tasiz, shundan so'ng siz o'z mahoratingizni tugatolmaysiz.

Slayd yaratish jarayonida siz format va fonni tanlashingiz, ma'lumotni eslab qolishingiz va keyin uni tomoshabindan saqlashingiz mumkin. grafik fayl, bu zarur.

Slayd dizaynini moslashtirish

Kobi uchun slaydning nisbatlarini va uning dizaynini tanlash kerak. Qaror, shubhasiz, ma'lumot turiga va ko'rsatish oyiga yolg'on gapirish. Shubhasiz, katta formatli monitorlar va proyektorlar uchun 16:9 nisbatini, oddiylari uchun esa 4:3 nisbatini o'zgartirish kerak.

Slaydni ma'lumotlar bilan to'ldirish

Keyingi qadam slaydga material qo'shishdir. Biz 3 variantni ko'rib chiqamiz: fotosurat, media va matn.

1. Rasm qo'shish uchun yorliqga o'ting "Kiritmoq", keyin bosing "tasvir" va kerakli turni tanlang: "Chaqaloq", "Internetdan olingan rasm", "Ekran belgisi" yoki "Fotoalbom".

   

   Suratni qo'shgandan so'ng, siz uni slayd bo'ylab siljitishingiz, hajmini o'zgartirishingiz va aylantirishingiz mumkin, shuning uchun uni to'ldirishga harakat qilish oson.



2. Matn kiritish uchun filialdagi paragrafdan foydalaning "Matn" va kerakli formatni tanlang. Katta vipadkivda siz birinchisini kuylab salomlashasiz. "Yozgan".

   



3. Media fayllari kabi slaydga kiritishingiz, video, tovushlar va ekran yozuvini kiritishingiz mumkin. Videoni kompyuterdan ham, Internetdan ham kiritish mumkin, ovozni tayyor tanlash yoki yangisini yozish mumkin. Paragraf "Ekranni yozib olish" o'zi uchun ayt. Tugmani bosish orqali ularning barchasini bilishingiz mumkin "Multimedia".



4. Ob'ektga qo'shilgan barcha ma'lumotlar ekranda ko'k rangli animatsiyada ko'rsatilishi mumkin. Kim uchun tegishli bo'limga boring. Keyin ob'ektni ko'rishimiz kerak, sizni nima deb atash kerak, nimadan keyin, ustiga bosing "Animatsiya qo'shish", sizga munosib variantni tanlang. Dali ob'ektning tashqi ko'rinishi rejimini sozlash uchun yonida - qarsak chalish yoki bir soat davomida. Bu erda hamma narsa sizning vimog'ingizdan kam bo'lishi ehtimoli kamroq. Varto shuni ko'rsatadiki, bir qator jonlantirilgan ob'ektlarning ravshanligi uchun siz tashqi ko'rinish tartibini sozlashingiz mumkin. Kim uchun, xat ostidagi o'qlar bilan shoshiling "Animatsiya tartibini o'zgartirish".

Qo'shimcha slaydlar va o'tishlarni qo'shish

Keling, qo'shimcha slaydlarni qo'shish va ular orasidagi o'tishlarni sozlash metodologiyasini ko'rib chiqaylik.

Slaydni grafik fayl sifatida saqlash

Paragrafning qolgan qismi taqdimot kontekstida majburiy emas, ammo agar omadingiz bo'lsa. Slaydni rasm kabi qanday saqlashni bilib oling. Sizga taqdimotni ko'rsatishingiz mumkin bo'lgan kompyuterda bo'lgani kabi, har kuni PowerPoint kerak bo'lishi mumkin. Qanday bo'lmasin, zaxira rasmlar sizni niqobga aldanmaslikka yordam beradi.

Visnovok

Bachit kabi, slaydlar va robiti yarating, osongina tugatish uchun ularning orasiga o'ting. Faqat keyin yuqorida sanab o'tilganlarning barchasini vikonat qilish kerak. Kelajakda siz o'zingiz taqdimotni chiroyli va nozik qilish usullarini bilib olasiz.

Agar siz saytingizga jQuery tasvir slayderini qo'shishingiz kerak bo'lsa, unda ushbu maqolada siz kerakli plaginlarning tavsifini topasiz. JQuery asosan JavaScript bilan nima qilishidan qat'i nazar, bizga veb-dizayn jarayonini tezlashtirish uchun plaginlar kerak.

Biz ushbu plaginlarning ba'zilariga o'zgartirishlar kiritishimiz va saytimiz talablariga yaxshiroq mos keladigan yangi slayderlarni yaratishimiz mumkin.

Boshqa slayderlar uchun faqat sarlavhalar, rasmlar qo'shing va slaydlarni o'zgartirish uchun effektlarni tanlang, chunki ular bir vaqtning o'zida slayderdan qayta ishlanadi. Ushbu plaginlarning barchasi hisobot hujjatlari bilan birga keladi, shuning uchun ularga yangi effektlar qo'shing yoki funktsiyalar katta amaliyot omborida emas. Triggerlarni o'zgartirishingiz mumkin, agar ular podda yotgan bo'lsa, JQuery dasturchisini ko'rsangiz.

Qolgan tendentsiyalar, masalan, sezgir dizayn, plagin yoki skriptni amalga oshirishingizdan qat'i nazar, veb-loyihalar uchun ham muhimdir. Bu elementlarning barchasi gnuchki kabi bu plaginlardan terini parchalaydi. 2014 yilda sodir bo'lgan barcha voqealar ushbu ro'yxatga kiritilgan.

jQuery tasvir slayderi

Jssor sezgir slayder

Yaqinda men ushbu funktsional jQuery slayderida ichdim va ishimni yaxshiroq qilishim uchun ko'zlarimni o'zgartira oldim. Cheksiz imkoniyatlardan qasos oling, shuning uchun uni ochiq slayder chiqish kodining o'lchamiga kengaytirishingiz mumkin:

• Javob beruvchi dizayn;
• 15 dan ortiq sozlash parametrlari;
• 15 dan ortiq tasvirni tahrirlash effektlari;
• Tasvirlar galereyasi, karusellar, to'liq ekranni kengaytirishni qo'llab-quvvatlash;
• Vertikal banner rotatori; slaydlar ro'yxati;
• Pidtrimka video.

Demo | foyda oling

PgwSlider - jQuery / Zepto asosidagi sezgir slayder

Ushbu plaginning yagona vazifasi slayd tasvirlarini ko'rsatishdir. Bundan tashqari, u ixchamdir, chunki JQuery faylining hajmi atigi 2,5 KB bo'lib, uni samarali ravishda kengaytirish imkonini beradi.

• Javob beruvchi tartib;
• SEO optimallashtirish;
• Turli xil brauzerlar tomonidan qo'llab-quvvatlash;
• Tasvirni kechiring;
• Arxivni 2,5 KB dan kamroq kengaytiring.

Demo | foyda oling

jQuery Vertical News slayder

Gnuchkiy i korisny jQuery -slayder, nashrlarni chap tomondan siljitish va o'ng qo'l tasvirini ko'rsatish bilan yangiliklar resurslari uchun topshiriqlar:

• Javob beruvchi dizayn;
• Vertikal ustun yangiliklarni eslatadi;
• Kengaytirilgan sarlavhalar.

Demo | foyda oling

Wallop slayderi

Ushbu slayder JQuery tomonidan qasos ololmasligi kerak, lekin men uni tanishtirmoqchiman, chunki u ixchamroq va tomonlarning qiziqish vaqtini sezilarli darajada o'zgartirishga imkon beradi. Qaysi sharob sizga mos kelishini menga ayting:

• Javob beruvchi tartib;
• Oddiy dizayn;
• Slaydlarni o'zgartirish uchun turli xil variantlar;
• Minimal JavaScript kodi;
• Rozmir jami 3KB.

Demo | foyda oling

Yassi uslubdagi Polaroid galereyasi

Hujjatlar stoliga yoyish uslubi yaqinidagi galereya moslashuvchan tartib bilan yuqori dizayn maê zatsíkaviti bagatioh íz siz. Planshetlar va ajoyib displeylar uchun ko'proq mos keladi:

• Javob beruvchi slayder;
• Yassi dizayn;
• Vipadkova slaydlarni o'zgartirish;
• Chiqish kodiga yangi kirish.

Demo | foyda oling

A-slayder

Demo | foyda oling

HiSlider – HTML5, jQuery va WordPress tasvir slayderi

HiSlider yangisini taqdim etmoqda qimmatsiz plagin jQuery-slider, uning yordamida siz ajoyib o'tishlarga ega turli xil tasvir galereyalarini yaratishingiz mumkin:

• Javob beruvchi slayder;
• Dasturlashni bilish shart emas;
• Dekilka ajoyib andozalari va terilari;
• Garni o'tish effektlari;
• Turli platformalarni qo'llab-quvvatlash;
• Eng muhimi WordPress, Joomla, Drupal;
• Kontentni ko'rsatish qobiliyati turli xil turlari: rasm, YouTube video bu Vimeo videosi;
• Gnuchka sozlamalari;
• asosiy qo'shimcha funktsiyalar;
• Ko'rsatilayotgan kontentni majburlash shart emas.

Demo |

voy slayder

WOW Slider - ajoyib vizual effektlarga ega sezgir jQuery tasvir slayderi ( domino, burilish, rozmittya, to'ntarish va uyqu, wilt, panjurlar) va professional andozalar.

WOW Slider o'rnatish ustasi bilan birga keladi, bu sizga tasvirni tahrirlash kodini aniqlamasdan bir soniyadan kamroq vaqt ichida ajoyib slayderlarni yaratishga imkon beradi. Shuningdek, Joomla va WordPress plaginlari versiyalarini yuklab olish mumkin:

• To'liq moslashuvchan;
• Barcha brauzerlar va barcha turdagi qo'shimchalarni qo'llab-quvvatlash;
• Pidtrimka sensorli binolar;
• WordPress-da oson o'rnatish;
• Gnuchkíst nalashtuvanni ega;
• SEO-optimallashtirish.

Demo |

Nivo Slider - hech qanday xarajatsiz jQuery plagini

Nivo Slider - dunyodagi eng chiroyli va eng oddiy tasvir slayderi. Nivo Slider plagini bepul va MIT litsenziyasi ostida litsenziyalangan:

• Kerakli jQuery 1.7 va undan yuqori;
• Zo'r o'tish effektlari;
• Oddiy va tirnoqli da gnuchky;
• ixcham va moslashuvchan;
• ochiq kod;
• Bosish va oddiy;
• Turli shablonlarning dekilkalari;
• Rasmni avtomatik kesish.

Demo |

Texnik hujjatlardan oddiy jQuery slayderi

G'oya Apple slayderlaridan ilhomlangan, ba'zi kichik elementlar turli xil animatsiya effektlariga ega bo'lishi mumkin. Chakana sotuvchilar ushbu kontseptsiyani yaxshilash bilan moslashtirishga harakat qilishdi minimal yordam onlayn-do'kon uchun oddiy dizaynni yaratish uchun, ba'zi bir elementda, "qizil" boshqa toifaga kiradi:

• Javob beruvchi tartib;
• Minimalistik dizayn;
• Slaydlarning turli effektlari va o'zgarishlari.

Demo |

JQuery rasm slayderining hajmini o'zgartirish

Yon tomonning kengligining 100% ni egallagan va ekran o'lchamiga mos keladigan juda oddiy slayder mobil yordamchi binolar. Biz CSS o'tishlari bilan ishlaymiz va tasvirlar bir vaqtning o'zida langarlar bilan "mos keladi". Agar siz yuborilayotgan rasmga havola qilishni xohlamasangiz, anchor almashtirish yoki almashtirish bo'lishi mumkin.

O'rnatilgandan so'ng, slayder ekran kengligining 100% gacha kengayadi. Bundan tashqari, siz slayd tasvirining hajmini avtomatik ravishda o'zgartirishingiz mumkin:

• Javob beruvchi jQuery slayderi
• Povnorozmirny;
• Minimalistik dizayn.

Demo |

Elastik kontent slayderi + yordam

Elastik Content Slider avtomatik ravishda otasi elementi kengaytirish kuzda kengligi va balandligi moslashtiradi. Bu oddiy jQuery slayderidir. Sharoblar tog'lardagi slayd zonasidan katlanmış va pastki qismida navigatsiya yorliqlari paneli. Slayder uning kengligi va balandligini Batkiv konteynerining kengayishiga mos ravishda moslashtiradi.

Kichkina diagonal ekranlarni ko'rib chiqishda navigatsiya yorliqlari kichik piktogrammalarga aylanadi:

• Javob beruvchi dizayn;
• Sichqonchani bosish va aylantirish.

Demo |

Bepul 3D Stack Slider

Tasvirlarni 3D formatga aylantiradigan eksperimental slayder. Ikkita to'plam qog'ozning narxini taxmin qiladi, ular rasm yutilganda slayderning markazida ko'rsatiladi:

• Javob beruvchi dizayn;
• Qaytib o'tish;
• 3D effekti.

Demo |

JQuery va CSS3 + yordamiga asoslangan Fullscreen Slit Slider

Sizning yordamingizdan siz rodzinkadan slayderni qanday yaratishni bilasiz: g'oya "kengaytirish" va bunday ko'rinishda oqimli slaydni ko'rsatishdir, agar siz uni kelayotgan yoki tasvirning oldida ko'rsangiz, o'sha soatda. JQuery va CSS animatsiyasidan foydalanib, biz noyob o'tish effektlarini yaratishimiz mumkin:

• Javob beruvchi dizayn;
• Split-o'tish;
• Yuqoridan pastga slayder.

Demo |

Unislider - juda kichik jQuery slayderi

Har kuni noo'rin qo'ng'iroq va hushtak va rozet, bibariya 3KB dan kam. Slaydlaringiz uchun istalgan HTML kodini o'chiring, yoga bilan kengaytiring CSS-ga yordam bering. Unslider bilan bog'liq barcha narsalar GitHub-da joylashgan:

• Turli xil brauzerlar tomonidan qo'llab-quvvatlash;
• Klaviaturani qo'llab-quvvatlash;
• balandlikni sozlash;
• Javob beruvchi dizayn;
• Sensorli kiritish.

Demo | foyda oling

Minimal sezgir slaydlar

Oddiy va ixcham plagin ( umumiy hajmi 1 Kb), men yaratgan sezgir slayder, konteynerning o'rtasida vikorist elementlar. ResponsiveSLides.js ishlaydi ajoyib kilkistyu brauzerlar, shu jumladan IE ning barcha versiyalari kabi IE6 va boshqalar:

• To'liq moslashuvchan;
• Rozmir 1 KB;
• JavaScript orqali ishlay olish uchun CSS3 o'tish;
• Maxsus belgilangan ro'yxatdan oddiy belgilash;
• O'tish effektlarini yaxshilash imkoniyati va bitta slaydni ko'rib chiqishning trivalligi;
• Bir qator slayd-shoularni yaratishni rag'batlantiradi;
• Avtomatik va qo'lda aylantirish.

Demo |

Kamera - jQuery-siz jQuery slayderi

Kamera ko'rinadigan o'tish effektlari bo'lmagan plagin bo'lib, moslashuvchan tartib. O'rnatish oson, mobil yordamchi binolar tomonidan qo'llab-quvvatlanadi:

• Yangi moslashuvchan dizayn;
• Imzolar;
• Video qo'shish imkoniyati;
• 33 xil rangdagi piktogramma.

Demo |

SlidesJS, javob beruvchi jQuery plagini

SlidesJS - tse moslashuvchan plagin sensorli qo'llab-quvvatlash va CSS3 o'tishlari bilan jQuery (1.7.1 va undan yuqori) uchun. U bilan tajriba qiling, biror narsani sinab ko'ring tayyor ilovalar, loyihangizga SlidesJS-ni qanday qo'shishni aniqlashga yordam berish uchun:

• Javob beruvchi dizayn;
• CSS3 - borish;
• Sensorli binolarni qo'llab-quvvatlash;
• Bosganim uchun meni kechir.

Demo | foyda oling

BX JQuery Slider

Xarajatsiz javob beruvchi jQuery Slider:

• Povnístyu adaptiv - pídlashtovuêtsya píd u pristriy bo'ladimi;
• Slaydlarning gorizontal, vertikal o'zgarishi;
• Slayd tasvirlar, videolar yoki HTML kontentini o'z ichiga olishi mumkin;
• Sensor qo'shimchalar uchun kengaytirilgan qo'llab-quvvatlash;
• Slayd animatsiyasi uchun CSS o'tish kutubxonasi ( apparat tezroq);
• Qayta qo'ng'iroqlar API va boshqa ommaviy usullar;
• Kichik fayl hajmi;
• Amalga oshirish oson.

Demo |

Flex Slider 2

Eng yaxshi sezgir slayder. Yangi versiya bula ish tezligini, ixchamligini oshirish usuli bilan to'ldirildi.

Demo | foyda oling

Galleria - JavaScript-ga asoslangan sezgir fotogalereya

Galleria millionlab saytlarda tasvirlar galereyasini yaratish uchun taqdim etilgan yuqori sifatli. Ushbu ish haqida ijobiy sharhlar soni juda ko'p:

• Povnistyu bezkoshtovny;
• To'liq ekran ko'rib chiqish rejimi;
• 100% sezgir;
• Dosvyd dasturlash talab qilinmaydi;
• iPhone, iPad va boshqa sensorli qurilmalarni qo'llab-quvvatlash;
• Flickr, Vimeo, YouTube va boshqalar;
• Dekilka mavzular.

Demo | foyda oling

Blueberry - Simple Responsive jQuery Image Slider

Men sizga javob beruvchi veb-dizayn uchun maxsus yozilgan jQuery tasvir slayderini taqdim etaman. Blueberry - bu moslashtirilgan andozalar bilan ishlash uchun maxsus yozilgan maxsus kiritish kodiga ega eksperimental tasvir slayder plaginidir.

Slayd-shou dasturini ko'rish

Taqdimotlar uchun slayd-shou

Sayt yaratishda ko'pincha tovarlar va xizmatlar taqdimotini yaratish zarurati uchun ayblanadi. Kim uchun bepul kutubxona asosida vikorist slayderini o'ynang jQuery. Siz Internetda yuzlab eng innovatsion loyihalarni (plaginlarni) topishingiz mumkin, lekin siz hali ham original va oson o'rnatishni xohlaysiz. Menimcha, eng uzoqlaridan biri bu plagin jQuery- slayd-shou Skitter Portugaliyalik veb-dizayner Tiago S.F tomonidan yaratilgan.

Ushbu slayder onlayn-do'konlardagi taqdimotlar uchun eng mos keladi, agar siz undan sayt sarlavhasini loyihalash uchun foydalanmoqchi bo'lsangiz. Da Skitter siz qaysi birini loyihalashni va slaydlar orasidagi 20 dan ortiq chiroyli o'tishlarni tanlashingiz mumkin (bir slayddan ikkinchisiga o'tishda animatsiya effektlari). Siz barcha slaydlar, jumladan, yuqoriga o'tish ko'rinishini o'rnatishingiz mumkin vipadkovy vibir, yoki terini o'zgartirish rasmlari uchun qo'ying.

Chinni robotli dumba Skitter o'rnatilgan mavzular "toza" va o'tishlarni tanlash "tasodifiy"(Vipadkovy) chaqaloq uchun ko'rsatmalar:

Slayderni o'rnatish Skitter

Har doimgidek, o'rnatilgan plaginlar bilan jQuery biz buni saytda qilamiz Yangi papka, qo'ng'iroq qilish, tabiiyki, skitter. Keyin arxivlarni olib, papkadan yogoni ochishimiz kerak. Biz unga uchta papkani olamiz: skriptlar js, uslublar css o'sha papka tasvirlar qo'shimcha rasmlardan.

Daly, tegning o'rtasida joylashgan sahifaning sarlavhasida ... biz keyingi qatorlarni joylashtiramiz, bu erda skriptlarga yo'l ko'rsatilgan css fayli, kichik javascript slayd-shouni ishga tushirish (birinchi tugma sozlamalari bilan) va slayderning o'lchamini o'rnatish uchun oddiy CSS qoidasi (slayd-shou tasvirining o'lchamini o'rnatish):

Tegning o'rtasida joylashgan tartibsiz ro'yxat oldida saytning yon tomonidagi eslatmalari bilan mumkin bo'lgan slayd-shou tasviri qo'shildi