分享一个我在项目中使用的效果。切换图片时，当前图片以容器中心点缩小消失，而下一张图片由小放大，给人一种弹出的效果。该代码实现起来也比较简单，接下来我讲下主要思路。
图片切换的弹出效果
效果图： 
思路：
1.容器中的图片以相对容器使用绝对定位，使图片居中。
2.缩小放大的效果采用jquery的show(),hide()方法实现。
Css：
.gk{
/*图片居中的方法*/
position: absolute;
left: 50%;
margin-top: -220px;
top: 50%;
margin-left: -380px;
display: none;
}
因为效果比较简单，也不需要我太多分析，大家看下源码应该就了解了。