สร้างเว็บไซต์แบบ Fullscreen ด้วย jQuery และ Css


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


JAVASCRIPT ที่จะทำให้เล่นแบบ Auto

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$.Slitslider.defaults   = {
    // transitions speed
    speed : 800,
    // if true the item's slices will also animate the opacity value
    optOpacity : false,
    // amount (%) to translate both slices - adjust as necessary
    translateFactor : 230,
    // maximum possible angle
    maxAngle : 25,
    // maximum possible scale
    maxScale : 2,
    // slideshow on / off ตรงนี้เลย on=true หรือ off=false
    autoplay : false,
    // keyboard navigation
    keyboard : true,
    // time between transitions
    interval : 4000,
    // callbacks
    onBeforeChange : function( slide, idx ) { return false; },
    onAfterChange : function( slide, idx ) { return false; }
};

ดาวน์โหลด…..!!!


ขอบคุณข้อมูลจาก tympanus.net/codrops

Comments

comments

Powered by Facebook Comments