Photo Lab วิธีสร้างสไลด์สำหรับนำเสนอด้วย PowerPoint Camera - jQuery slider ฟรี

ในส่วนต่างๆ (ธุรกิจ แสงสว่าง และในทางกลับกัน) โปรแกรมใน Persh Cherga ได้รับการประกันสำหรับ koristuvachiv ขั้นสูงไม่มากก็น้อย และมือใหม่จะสามารถทำได้อย่างราบรื่นด้วยฟังก์ชันเพียงครึ่งเดียว ดูเหมือนไม่เกี่ยวกับทั้งชุด โดยไม่ต้องเป็นผู้ร้ายและ PowerPoint - ฉันจะควบคุมโปรแกรมได้อย่างราบรื่น จากนั้นในเมืองเพื่อความขยันของคุณ คุณสามารถนำเสนอที่ดีซึ่งประกอบด้วยสไลด์ที่ยอดเยี่ยม หลังจากอ่านคำแนะนำด้านล่าง คุณจะได้เรียนรู้วิธีสร้างสไลด์ด้วยตัวเองและไปที่ PowerPoint หลังจากนั้นคุณจะไม่เหลืออะไรมากไปกว่าการฝึกทักษะให้เสร็จ

ในกระบวนการสร้างสไลด์ คุณสามารถเลือกรูปแบบและพื้นหลัง เรียกคืนข้อมูล จากนั้นบันทึกจากโปรแกรมดู ไฟล์กราฟิกซึ่งมีความจำเป็น

ปรับแต่งการออกแบบสไลด์

สำหรับซัง จำเป็นต้องเลือกสัดส่วนของสไลด์และการออกแบบ การตัดสินใจไม่ต้องสงสัยเลยว่าจะอยู่ในประเภทของข้อมูลและเดือนที่แสดง แน่นอน สำหรับจอภาพขนาดใหญ่และโปรเจ็กเตอร์ อัตราส่วนคือ 16:9 และสำหรับจอธรรมดา - 4:3

กรอกข้อมูลลงในสไลด์

ขั้นตอนต่อไปคือการเพิ่มเนื้อหาลงในสไลด์ เราพิจารณา 3 ตัวเลือก: ภาพถ่าย สื่อ และข้อความ

1. หากต้องการเพิ่มรูปภาพ ให้ไปที่แท็บ "แทรก"จากนั้นคลิกที่ "ภาพ"และเลือกประเภทที่ต้องการ: "ที่รัก", "รูปภาพจากอินเทอร์เน็ต", "สัญญาณของหน้าจอ"หรือ "อัลบั้มรูป".

   

   หลังจากเพิ่มรูปภาพแล้ว คุณสามารถย้ายไปตามสไลด์ เปลี่ยนขนาดและหมุนรูปภาพได้ ดังนั้นจึงง่ายที่จะลองทำให้เสร็จ



2. หากต้องการแทรกข้อความ ให้อ้างอิงในส่วนเดียวกัน "ข้อความ"และเลือกรูปแบบที่ต้องการ ที่วิปัทคีฟที่ยิ่งใหญ่กว่า คุณร้องเพลงทักทายคนแรก "เขียน".

   



3. เช่นเดียวกับไฟล์สื่อ เช่น คุณสามารถแทรกลงในสไลด์ ใส่วิดีโอ เสียง และการบันทึกหน้าจอ สามารถแทรกวิดีโอได้ทั้งจากคอมพิวเตอร์และจากอินเทอร์เน็ตและสามารถเลือกเสียงพร้อมหรือบันทึกใหม่ได้ ย่อหน้า "การบันทึกหน้าจอ"พูดเพื่อตัวเอง คุณสามารถทราบทั้งหมดได้โดยคลิกที่ปุ่ม "มัลติมีเดีย".



4. ข้อมูลทั้งหมดที่เพิ่มไปยังวัตถุสามารถแสดงบนหน้าจอในภาพเคลื่อนไหวสีน้ำเงินแทนได้ สำหรับผู้ที่ไปที่แผนกที่เกี่ยวข้อง จากนั้นเราต้องดูวัตถุว่าเรียกคุณว่าอะไรกดที่ "เพิ่มแอนิเมชั่น"เลือกตัวเลือกที่คุณสมควรได้รับ ต้าหลี่ปรับโหมดการปรากฏตัวของวัตถุ - หลังจากปรบมือหรือหนึ่งชั่วโมง ที่นี่ทุกอย่างมีโอกาสน้อยที่จะขาด vimog ของคุณ Varto กำหนดสำหรับการมองเห็นวัตถุเคลื่อนไหวจำนวนหนึ่ง คุณสามารถปรับลำดับของลักษณะที่ปรากฏ สำหรับใครรีบลูกศรใต้ตัวอักษร "เปลี่ยนลำดับภาพเคลื่อนไหว".

การเพิ่มสไลด์และการเปลี่ยนภาพเพิ่มเติม

มาดูวิธีการเพิ่มสไลด์เพิ่มเติมและปรับการเปลี่ยนระหว่างสไลด์กัน

การบันทึกสไลด์เป็นไฟล์กราฟิก

ส่วนที่เหลือของย่อหน้าไม่จำเป็นในบริบทของการนำเสนอ แต่ถ้าคุณโชคดี ดูวิธีบันทึกสไลด์เหมือนรูปภาพ คุณอาจต้องการ PowerPoint ทุกวันเหมือนกับในคอมพิวเตอร์ที่คุณเลือกแสดงงานนำเสนอ ไม่ว่าในกรณีใด รูปภาพสำรองจะช่วยให้คุณไม่สะดุดกับภาพลวงตาของการปลอมตัว

วิสโนวอค

เช่นเดียวกับ bachite สร้างสไลด์และ robiti ไปมาระหว่างกันเพื่อให้เสร็จอย่างง่ายดาย มีความจำเป็นต้องปฏิบัติตามความหนืดของผู้ที่ได้รับการฟื้นฟูมากขึ้น ตัวคุณเองจะทราบวิธีการนำเสนอที่สวยงามและละเอียดอ่อน

หากคุณต้องการเพิ่มตัวเลื่อนรูปภาพ jQuery ลงในไซต์ของคุณ ในบทความนี้ คุณจะพบคำอธิบายของปลั๊กอินที่จำเป็น โดยไม่คำนึงถึงสิ่งที่ jQuery ถามถึงหุ่นยนต์ JavaScript เรายังคงต้องการปลั๊กอินเพื่อเพิ่มความเร็วในกระบวนการออกแบบเว็บ

เราสามารถเปลี่ยนแปลงปลั๊กอินเหล่านี้และสร้างแถบเลื่อนใหม่ ซึ่งจะตรงกับความต้องการของไซต์ของเรามากขึ้น

สำหรับตัวเลื่อนอื่นๆ เพียงเพิ่มส่วนหัว รูปภาพ และเลือกเอฟเฟกต์สำหรับเปลี่ยนสไลด์ เนื่องจากพวกมันจะถูกประมวลผลในครั้งเดียวจากตัวเลื่อน ปลั๊กอินทั้งหมดเหล่านี้มาพร้อมกับเอกสารรายงาน ดังนั้นให้เพิ่มเอฟเฟกต์ใหม่เข้าไป มิฉะนั้นฟังก์ชันจะไม่อยู่ในคลังของแนวปฏิบัติที่ยอดเยี่ยม คุณสามารถเปลี่ยนทริกเกอร์ซึ่งควรจัดเก็บในลักษณะเดียวกันดังที่คุณเห็นโดยโปรแกรมเมอร์ JQuery

แนวโน้มที่เหลืออยู่ เช่น การออกแบบที่ตอบสนอง มีความสำคัญสำหรับโครงการเว็บเช่นกัน ไม่ว่าคุณจะติดตั้งปลั๊กอินหรือสคริปต์ องค์ประกอบทั้งหมดเหล่านี้ทำลายสกินจากปลั๊กอินเหล่านี้ เหมือนกับ gnuchki ทุกสิ่งที่เกิดขึ้นในปี 2014 รวมอยู่ในรายการนี้

ตัวเลื่อนภาพ jQuery

Jssor Responsive Slider

ฉันเพิ่งสะดุดกับตัวเลื่อน jQuery ที่ใช้งานได้นี้ และฉันสามารถเปลี่ยนใจได้ว่าฉันจะทำงานได้ดีเพียงใด ในการล้างแค้นของความเป็นไปได้ที่ไร้ขอบเขต ดังนั้นคุณสามารถขยายมันตามขนาดของโค้ดเอาต์พุตตัวเลื่อนที่เปิดอยู่:

• การออกแบบที่ตอบสนอง;
• ปรับพารามิเตอร์มากกว่า 15 รายการ;
• เอฟเฟกต์มากกว่า 15 รายการสำหรับเปลี่ยนภาพ
• คลังภาพ, ภาพหมุน, รองรับการขยายแบบเต็มหน้าจอ;
• ตัวหมุนแบนเนอร์แนวตั้ง รายการสไลด์;
• วีดีโอปิดเทอม.

สาธิต | เอาเปรียบ

PgwSlider - ตัวเลื่อนตอบสนองตาม jQuery/Zepto

งานเดียวของปลั๊กอินนี้คือการแสดงภาพสไลด์ นอกจากนี้ยังมีขนาดกะทัดรัดเนื่องจากไฟล์ JQuery มีขนาดเพียง 2.5 KB ซึ่งช่วยให้คุณขยายได้อย่างมีประสิทธิภาพ

• รูปแบบตอบสนอง;
• การเพิ่มประสิทธิภาพ SEO;
• รองรับเบราว์เซอร์ต่างๆ
• ยกโทษให้ภาพ;
• ขยายที่เก็บถาวรน้อยกว่า 2.5 KB

สาธิต | เอาเปรียบ

ตัวเลื่อนข่าวแนวตั้ง jQuery

Gnuchky และ korisnyjQuery-slider การมอบหมายแหล่งข้อมูลข่าวพร้อมการแปลสิ่งพิมพ์จากด้านซ้ายและมุมมองของภาพทางขวามือ:

• การออกแบบที่ตอบสนอง;
• คอลัมน์แนวตั้งเป็นการระลึกถึงข่าว
• ส่วนหัวขยาย

สาธิต | เอาเปรียบ

Wallop Slider

ตัวเลื่อนนี้ไม่ควรล้างแค้นโดย JQuery แต่ฉันอยากจะแนะนำมัน เพราะมันกะทัดรัดกว่าและให้คุณเปลี่ยนเวลาของความสนใจข้างเคียงได้ แจ้งให้เราทราบว่าไวน์ชนิดใดที่เหมาะกับคุณ:

• รูปแบบตอบสนอง;
• การออกแบบที่เรียบง่าย
• ตัวเลือกต่างๆ สำหรับการเปลี่ยนสไลด์
• รหัส JavaScript ขั้นต่ำ;
• Rozmir รวม 3KB

สาธิต | เอาเปรียบ

แกลลอรี่โพลารอยด์ทรงแบน

แกลลอรี่ในรูปแบบของการกางเอกสารบนโต๊ะด้วยเลย์เอาต์ที่ยืดหยุ่นได้ การออกแบบชั้นนำ maєzatsіkaviti bagatioh іzคุณ เหมาะสำหรับแท็บเล็ตและจอแสดงผลที่ยอดเยี่ยม:

• ตัวเลื่อนตอบสนอง;
• การออกแบบแบน
• Vipadkova เปลี่ยนสไลด์;
• การเข้าถึงรหัสทางออกใหม่

สาธิต | เอาเปรียบ

A-Slider

สาธิต | เอาเปรียบ

HiSlider – ตัวเลื่อนรูปภาพ HTML5, jQuery และ WordPress

HiSlider ได้เปิดตัวปลั๊กอิน jQuery-slider-free ใหม่ ซึ่งช่วยให้คุณสามารถสร้างแกลเลอรี่ภาพต่างๆ ที่มีการเปลี่ยนภาพที่ยอดเยี่ยม:

• ตัวเลื่อนตอบสนอง;
• ไม่จำเป็นต้องมีความรู้ด้านการเขียนโปรแกรม
• Dekіlkaเทมเพลตและสกินที่ยอดเยี่ยม
• เอฟเฟกต์การเปลี่ยนแปลงของ Garni;
• รองรับแพลตฟอร์มต่างๆ
• สรุปเกี่ยวกับ WordPress, Joomla, Drupal;
• ความสามารถในการแสดงเนื้อหา ประเภทต่างๆ: ภาพ, วิดีโอ YouTubeวิดีโอ Vimeo นั้น;
• ปรับแต่ง Gnuchka;
• ฟังก์ชั่นเพิ่มเติมพื้นฐาน
• เนื้อหา Nebmezheniya obsyag vіdobrazhuvanogo

สาธิต |

ว้าว ตัวเลื่อน

ว้าว Slider - tse jQuery ตอบสนองตัวเลื่อนภาพพร้อมเอฟเฟกต์ภาพที่น่าทึ่ง ( domino, turn, rozmittya, รัฐประหารและการนอนหลับ, เหี่ยวแห้ง, ผ้าม่าน) และแม่แบบมืออาชีพ

WOW Slider มาพร้อมกับวิซาร์ดการติดตั้งที่ช่วยให้คุณสร้างตัวเลื่อนที่ยอดเยี่ยมได้ภายในเวลาไม่ถึงวินาทีโดยไม่ต้องคิดรหัสสำหรับแก้ไขรูปภาพ นอกจากนี้ยังมีให้สำหรับเวอร์ชันดาวน์โหลดของปลั๊กอินสำหรับ Joomla และ WordPress:

• ปรับตัวได้เต็มที่
• รองรับทุกบราวเซอร์และไฟล์แนบทุกประเภท
• ปิดเทอม สิ่งก่อสร้างทางประสาทสัมผัส;
• ติดตั้งง่ายบน WordPress;
• Gnuchkіstมี nalashtuvanni;
• SEO-การเพิ่มประสิทธิภาพ

สาธิต |

Nivo Slider - ปลั๊กอิน jQuery ไม่มีค่าใช้จ่าย

Nivo Slider เป็นแถบเลื่อนรูปภาพที่สวยงามและเรียบง่ายที่สุดในโลก ปลั๊กอิน Nivo Slider ฟรีและได้รับอนุญาตภายใต้ใบอนุญาต MIT:

• ต้องใช้ jQuery 1.7 และสูงกว่า
• เอฟเฟกต์การเปลี่ยนแปลงที่ยอดเยี่ยม
• เรียบง่ายและน่าเกรงขามที่ตอก;
• กะทัดรัดและปรับตัวได้
• เปิดรหัส;
• ผลักดันและเรียบง่าย
• Dekilka ของเทมเพลตต่างๆ
• การครอบตัดรูปภาพอัตโนมัติ

สาธิต |

ตัวเลื่อน jQuery อย่างง่ายจากเอกสารทางเทคนิค

แนวคิดนี้ได้รับแรงบันดาลใจจากแถบเลื่อนของ Apple องค์ประกอบเล็กๆ บางอย่างอาจมีเอฟเฟกต์แอนิเมชั่นที่แตกต่างกัน ผู้ค้าปลีกพยายามนำแนวคิดนี้ไปใช้ด้วยการปรับปรุง ความช่วยเหลือขั้นต่ำเพื่อสร้างการออกแบบที่เรียบง่ายสำหรับร้านค้าออนไลน์ ในบางองค์ประกอบซึ่ง "wiggle" เป็นหมวดหมู่ที่แตกต่างกัน:

• รูปแบบตอบสนอง;
• การออกแบบที่เรียบง่าย
• เอฟเฟกต์และการเปลี่ยนแปลงต่างๆ ของสไลด์

สาธิต |

ปรับขนาดตัวเลื่อนรูปภาพ JQuery

แถบเลื่อนที่ค่อนข้างเรียบง่ายที่ใช้ความกว้างด้านข้าง 100% และพอดีกับขนาดหน้าจอ เรือนเพาะชำมือถือ. เราทำงานกับการเปลี่ยน CSS และรูปภาพ "พอดี" พร้อมกันด้วยจุดยึด Anchor สามารถทดแทนหรือเปลี่ยนตัวได้ ดังนั้นคุณไม่จำเป็นต้องเชื่อมโยงไปยังรูปภาพที่คุณส่ง

เมื่อติดตั้งแล้ว ตัวเลื่อนจะขยายเป็น 100% ของความกว้างของหน้าจอ นอกจากนี้ คุณสามารถเปลี่ยนขนาดของภาพสไลด์ได้โดยอัตโนมัติ:

• ตัวเลื่อน jQuery ที่ตอบสนอง
• พอฟโนรอซมีร์นี;
• การออกแบบที่เรียบง่าย

สาธิต |

แถบเลื่อนเนื้อหายืดหยุ่น + ความช่วยเหลือ

Elastic Content Slider จะปรับความกว้างและความสูงของส่วนที่รกร้างโดยอัตโนมัติในการขยายองค์ประกอบของพ่อ นี่คือตัวเลื่อน jQuery อย่างง่าย บนภูเขามีสไลด์ 3 โซน และแถบการนำทางที่ด้านล่าง แถบเลื่อนจะปรับความกว้างและความสูงเพื่อให้พอดีกับส่วนขยายของคอนเทนเนอร์ Batkiv

เมื่อดูหน้าจอในแนวทแยงขนาดเล็ก แท็บการนำทางจะเปลี่ยนเป็นไอคอนขนาดเล็ก:

• การออกแบบที่ตอบสนอง;
• เลื่อนเมาส์คลิก

สาธิต |

ฟรี 3D Stack Slider

แถบเลื่อนทดลองที่จะพลิกภาพเป็น 3 มิติ สองกองคาดการณ์ราคาของกระดาษ ซึ่งเมื่อภาพถูกกลืนลงไป จะแสดงที่กึ่งกลางของตัวเลื่อน:

• การออกแบบที่ตอบสนอง;
• พลิกเปลี่ยน;
• เอฟเฟกต์ 3 มิติ

สาธิต |

ตัวเลื่อน Slit แบบเต็มหน้าจอตาม jQuery และ CSS3 + Cursing

จากความอยากรู้ คุณรู้วิธีสร้างแถบเลื่อนจาก Rodzinka: แนวคิดคือการ "ขยาย" และแสดงสไลด์แบบสตรีมในลักษณะนี้ หากคุณแสดงเป็นขั้นตอนหรือด้านหน้าของภาพ การใช้แอนิเมชั่น jQuery และ CSS เราสามารถสร้างเอฟเฟกต์การเปลี่ยนภาพที่ไม่เหมือนใครได้:

• การออกแบบที่ตอบสนอง;
• สปลิต-ทรานซิชั่น;
• ตัวเลื่อนจากบนลงล่าง

สาธิต |

Unislider - ตัวเลื่อน jQuery ขนาดเล็กมาก

ไม่มีระฆังและนกหวีดที่ไม่เหมาะสมและrozmіtki, rozmіrน้อยกว่า 3KB สร้างโค้ด HTML สำหรับสไลด์ของคุณ ขยายโยคะด้วย ช่วย CSS. ทุกอย่างที่เกี่ยวข้องกับ Unslider นั้นโฮสต์บน GitHub:

• รองรับเบราว์เซอร์ต่างๆ
• รองรับคีย์บอร์ด;
• ปรับความสูง;
• การออกแบบที่ตอบสนอง;
• อินพุตแบบสัมผัส

สาธิต | เอาเปรียบ

สไลด์ที่ตอบสนองน้อยที่สุด

ปลั๊กอินที่เรียบง่ายและกะทัดรัด ( ขนาดรวม 1 Kb) ที่ฉันสร้าง ตัวเลื่อนตอบสนอง, ผู้พิชิตองค์ประกอบที่อยู่ตรงกลางของภาชนะ ResponsiveSLides.js ใช้งานได้ kіlkistyu .ที่ดีเบราว์เซอร์ รวมถึง IE ทุกเวอร์ชัน เช่น IE6 และอื่นๆ:

• ปรับตัวได้เต็มที่
• รอซเมียร์ 1 KB;
• การเปลี่ยน CSS3 เพื่อให้สามารถเรียกใช้ผ่าน JavaScript;
• มาร์กอัปอย่างง่ายจากรายการที่ทำเครื่องหมายเอง
• ความเป็นไปได้ในการปรับปรุงเอฟเฟกต์ของทรานซิชันและความยากง่ายของการทบทวนหนึ่งสไลด์
• ส่งเสริมการสร้างสไลด์โชว์จำนวนหนึ่ง
• เลื่อนอัตโนมัติและด้วยตนเอง

สาธิต |

กล้อง - ตัวเลื่อน jquery ฟรี jquery

กล้องเป็นปลั๊กอินที่ไม่มีเอฟเฟกต์การเปลี่ยนภาพ เลย์เอาต์แบบปรับได้ ติดตั้งง่าย รองรับโดยอุปกรณ์พกพา:

• การออกแบบที่ปรับเปลี่ยนได้ใหม่
• ลายเซ็น;
• ความสามารถในการเพิ่มวิดีโอ
• ไอคอน 33 สีที่แตกต่างกัน

สาธิต |

SlidesJS, ปลั๊กอิน jQuery ที่ตอบสนอง

SlidesJS เป็นปลั๊กอินตอบสนองสำหรับ jQuery (1.7.1 และใหม่กว่า) พร้อมรองรับหน้าจอสัมผัสและการเปลี่ยน CSS3 ทดลองกับมัน ลองใช้แอปพลิเคชันสำเร็จรูป พวกเขาจะช่วยให้คุณทราบวิธีเพิ่ม SlidesJS ในโครงการของคุณ:

• การออกแบบที่ตอบสนอง;
• CSS3 - ไป;
• การสนับสนุนสิ่งปลูกสร้างทางประสาทสัมผัส
• ยกโทษให้ฉันสำหรับการเฆี่ยน

สาธิต | เอาเปรียบ

ตัวเลื่อน BX Jquery

ตัวเลื่อน jQuery ที่ตอบสนองโดยไม่มีค่าใช้จ่าย:

• Povnіstyu adaptive - pіdlashtovuєtsyapіdไม่ว่าจะเป็น pristriy;
• การเปลี่ยนสไลด์แนวนอนและแนวตั้ง
• สไลด์สามารถรวมรูปภาพ วิดีโอ หรือเนื้อหา HTML ได้
• การสนับสนุนเพิ่มเติมสำหรับสิ่งที่แนบมาทางประสาทสัมผัส;
• ไลบรารีการเปลี่ยน CSS สำหรับแอนิเมชั่นสไลด์ ( ฮาร์ดแวร์เร็วขึ้น);
• API ของการโทรกลับและวิธีการสาธารณะอื่น ๆ
• ขนาดไฟล์เล็ก
• ง่ายต่อการดำเนินการ

สาธิต |

ตัวเลื่อนแบบยืดหยุ่น 2

ตัวเลื่อนที่ตอบสนองได้ดีที่สุด เวอร์ชั่นใหม่บูลาเสริมด้วยวิธีการเพิ่มความเร็วในการทำงานความกะทัดรัด

สาธิต | เอาเปรียบ

Galleria - แกลอรี่รูปภาพที่ตอบสนองตาม JavaScript

แกลเลอเรียมีอยู่ในเว็บไซต์หลายล้านแห่งเพื่อสร้างแกลเลอรีภาพ คุณภาพสูง. จำนวนความคิดเห็นในเชิงบวกเกี่ยวกับงานนี้ล้นหลาม:

• Povnistyu bezkoshtovny;
• โหมดตรวจสอบแบบเต็มหน้าจอ;
• ตอบสนอง 100%;
• ไม่จำเป็นต้องเขียนโปรแกรมdosvіd
• รองรับ iPhone, iPad และอุปกรณ์ระบบสัมผัสอื่นๆ
• Flickr, Vimeo, YouTube และอื่นๆ;
• หัวข้อของเดคิลก้า

สาธิต | เอาเปรียบ

บลูเบอร์รี่ - ตัวเลื่อนรูปภาพ jQuery ที่ตอบสนองอย่างง่าย

ฉันขอนำเสนอตัวเลื่อนรูปภาพ jQuery ที่เขียนขึ้นโดยเฉพาะสำหรับการออกแบบเว็บที่ตอบสนอง บลูเบอร์รี่เป็นปลั๊กอินตัวเลื่อนภาพทดลองที่มีโค้ดป้อนเข้าที่กำหนดเองซึ่งเขียนขึ้นโดยเฉพาะสำหรับการทำงานกับเทมเพลตที่ปรับเปลี่ยนได้

ดูซอฟต์แวร์สไลด์โชว์

สไลด์โชว์สำหรับการนำเสนอ

เมื่อสร้างเว็บไซต์ มักถูกตำหนิว่าจำเป็นต้องสร้างการนำเสนอสินค้าและบริการ สำหรับผู้ที่เล่นแถบเลื่อนผู้ชนะตามห้องสมุดฟรี jQuery. คุณสามารถหาโปรเจ็กต์ (ปลั๊กอิน) ที่ล้ำสมัยที่สุดได้หลายร้อยรายการบนอินเทอร์เน็ต แต่คุณยังต้องการสิ่งที่แปลกใหม่และติดตั้งง่าย หนึ่งในความคิดของฉันที่อยู่ห่างไกลที่สุดคือปลั๊กอิน jQuery-สไลด์โชว์ Skitterผลงานของนักออกแบบเว็บไซต์ชาวโปรตุเกส Thiago S.F.

แถบเลื่อนนี้เหมาะที่สุดสำหรับการนำเสนอในร้านค้าออนไลน์ หากคุณต้องการใช้สำหรับออกแบบส่วนหัวของเว็บไซต์ ที่ Skitterคุณสามารถเลือกรูปแบบที่คุณต้องการออกแบบและการเปลี่ยนระหว่างสไลด์ที่สวยงามกว่า 20 แบบ (เอฟเฟ็กต์ภาพเคลื่อนไหวเมื่อเปลี่ยนจากสไลด์หนึ่งเป็นสไลด์ถัดไป) คุณสามารถกำหนดลักษณะของการเปลี่ยนไปที่ด้านบนสุดสำหรับสไลด์ทั้งหมด รวมถึง vipadkovy vibirหรือใส่สำหรับเปลี่ยนภาพผิว

Chinny หุ่นยนต์ก้น Skitterіzติดตั้งหัวข้อ "ทำความสะอาด"และการเลือกช่วงการเปลี่ยนภาพ "สุ่ม"(Vipadkovy) ข้อบ่งชี้สำหรับทารก:

การติดตั้งสไลเดอร์ Skitter

เช่นเคยด้วยการติดตั้งปลั๊กอิน jQueryเราจะทำบนเว็บไซต์ แฟ้มใหม่, เรียก її, ชัด, skitter. จากนั้นเราต้องนำไฟล์เก็บถาวรและแกะ yogo ออกจากโฟลเดอร์ เรานำมันมาสามโฟลเดอร์: สคริปต์ js,สไตล์ cssโฟลเดอร์นั้น ภาพจากภาพเสริม

Dalіที่ส่วนหัวของหน้าที่อยู่ตรงกลางของแท็ก ... เราแทรกแถวถัดไปโดยระบุเส้นทางไปยังสคริปต์ที่ ไฟล์ css, เล็ก จาวาสคริปต์การเริ่มต้นของสไลด์โชว์ (ด้วยการตั้งค่าสำหรับก้นแรก) และกฎ CSS อย่างง่ายสำหรับการตั้งค่าขนาดของตัวเลื่อน (การกำหนดขนาดของรูปภาพของสไลด์โชว์):

เพิ่มรูปภาพของสไลด์โชว์ที่เป็นไปได้พร้อมโน้ตที่ด้านข้างของไซต์หน้ารายการที่ไม่เรียงลำดับตรงกลางแท็ก