jQuery插件打造10多款具有超强的视觉冲击的图片切换特效,可以多种选择,多种jquery特效每一款都是不同的图片切换效果。几乎整合了所有切换效果。适用于浏览器:IE9+,google,firefox。其它浏览器也可以进行图片切换,但是效果没有那么炫酷的jquery3D效果。
下面是部分jquery代码:
1 updateImages = function() { 2 var $back = $teTransition.find('div.te-back'), 3 $front = $teTransition.find('div.te-front'); 4 ( currentImg === imagesCount - 1 ) ? 5 ( last_img = imagesCount - 1, currentImg = 0 ) : 6 ( last_img = currentImg, ++currentImg ); 7 var $last_img = $teImages.eq( last_img ), 8 $currentImg = $teImages.eq( currentImg ); 9 $front.empty().append('<img src="' + $last_img.attr('src') + '">'); 10 $back.empty().append('<img src="' + $currentImg.attr('src') + '">'); 11 $teCover.find('img').attr( 'src', $currentImg.attr('src') ); 12 };
浏览后效果图如下:
如图所示,这个就是此jquery特效浏览后的效果图。进行3D切换时,有很不错的效果。