Super 7 - jquery响应图像滑块焦点图插件1471
Super 7 是最完整的图像滑块之一。它是建立在最新的jQuery和手机兼容的,所以任何人都可以很容易地使用它没有任何限制。并充分响应和现代特征,如视频嵌入智能Lightbox支持更惊人。
专门为anysize形象适应和速度进行了优化设计。支持大量的2 d / 3 d转换,用户将有很好的选择现代&平滑的动画。是非常灵活的用户自定义
  350 +精彩的动画(2 d,3 d)——动画将会更多的新版本发布。
  容易实现和定制
  无限的幻灯片——用户可以插入他要尽可能多的幻灯片。
  无限的标题标题
  本机浏览器支持
  Html5和Css3转换支持——它使用Html5和Css3转换为现代浏览器。
  图像整体加载-超级7一次加载所有图片,这样他/她不等待再次在幻灯片。
  图像预览支持——超级7提供了图像预览选项。
  可定制的
调用示例
$(document).ready(function()
{
$(window).load(function(){
	check_help_pos($(window).width());	
	$('.left_help').show();
});
$(window).resize(function(){
	check_help_pos($(window).width());
});
$(".left_help").click(function()
{
	if(!$(this).hasClass("right"))
	{
		$(this).addClass("right");
		$(this).animate({
			"left":"230",							   
		},
		{
			duration:500			
		});
		$(".leftpane").animate({
			"left":"0",							   
		},
		{
			duration:500			
		});
							   
	}
	else
	{
		$(this).removeClass("right");
		$(this).animate({
			"left":"0",							   
		},
		{
			duration:500			
		});
		$(".leftpane").animate({
			"left":"-230",							   
		},
		{
			duration:500			
		});	
	}
});
});

function check_help_pos(width){
	if(width<=768){
		$('.left_help').css('top','0');
		$('.left_help').css('height','50px');
		$('.leftpane').css('top','0');
	}else{
		$('.left_help').css('top','80px');
		$('.left_help').css('height','235px');
		$('.leftpane').css('top','80px');
	}
}

技术讨论区(0 个讨论)

  1. 请先登录

      发 布