Rev Slider Demo #1

Before After 1 – 原始檔

Before After 2 – DIY練習篇

Slide 1使用的Images:

Image_Mac_1 2000x2000 (png)
Image_plant 1500x1500 (png)
Image_keyboard 1600x1600 (png)
Image_glasses 1000x1000 (png)
Image_mouse 1000x1000 (png)
Image_mac_2 2000x2000 (png)
Image_coffee 1500x1500 (png)

Slide 2 使用的Images:

Image_night 1600x986 (jpg)
Image_day 1600x986 (jpg)
Image_雲朵 1920x1080 (jpg)

還有一個雲朵的mpt4

Slide 3 使用的Images:

Image_before 1600x1000 (jpg)
Image_after 1600x1000 (jpg)

Slider Settings:
1. Content Source: Default Slider
2. Slider Titel & Shortcode
3. Select a Slider Type: Standard Slider
4. Slider Layout: Full Screen
  ** Desktop Large: 1200×800
  ** Notebook: Auto Size 
  ** Tablet: Auto Size
  ** Mobile: 480×700 Custom Grid Size – On

感謝有WPTuts的教學影片,讓我不再大海撈針的猛讀Documentation,看過影片後,對Before After效果有概念多了!

General Settings
1. Slideshow 2. Defaults 3. Progress Bar 4. 1st Slide 5. Misc

Layout & Visual
1. Appearance 2. Spinner 3. Mobile 4. Position

Navigation
1. Arrows  2. Bullets  3. Tabs  4. Thumbs  5. Touch  6. Misc

Parallax & 3D 
Disabled

Scroll Effects 

Performance & SEO

Problem Handlings
1. Fallbacks   2. Troubleshooting

Google Fonts

Before / After
1. Arrows  2. Drag Container  3. Divider Line  4. Defaults  5. Misc

Particles Settings 雪花片設定
雪花片可設定形狀,大小,顏色,速度,方向
Custom Settings: 1. Particles  2. Styles  3. Movement  4. Interactivity  5. Pulse

Enable Before After Add-On

Enable Before After Add-On