Switching between the left and right focus charts based on images with excellent jq smoothness, and jq Smoothness

Switching between the left and right focus charts based on images with excellent jq smoothness, and jq Smoothness

Today, we will share with you a left-side focus chart based on a picture with excellent jq smoothness. This is a jQuery-based download that supports mouse dragging and switching jQuery special effects. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Svg xmlns =" http://www.w3.org/2000/svg "Version =" 1.1 "class =" filters hidden "> <defs> <filter id =" blur "> <feGaussianBlur in =" SourceGraphic "stdDeviation =" "/> </ filter> </defs> </svg> <div class = "container"> <div class = "content"> <div class = "gallery"> <ul class = "gallery -pictures "> <li class =" gallery-picture ">  </li> <li class = "gallery-picture ">  </li> <li class = "gallery -Picture ">  </li> <li class = "gallery-picture">  </li> <li class = "gallery-picture">  </li> <li class = "gallery-picture">  </li> <li class =" gallery-picture ">  </li> <li class =" gallery-picture ">  </ li> <li Class = "gallery-picture">  </li> </ul> <div class =" gallery-pagination "> <button class = "gallery-pagination-dot"> </button> <button class = "gallery-pagination-dot"> </button> <button class = "gallery-pagination -dot "> </button> <button class =" gallery-pagination-dot "> </button> <button class =" gallery-pagination-dot "> </button> <button class = "gallery-pagination-dot"> </butt On> <button class = "gallery-pagination-dot"> </button> <button class = "gallery-pagination-dot"> </button> <button class = "gallery -pagination-dot "> </button> </div> <p> drag the mouse to view the effect! </P> </div>

Via: http://www.w2bc.com/Article/36388