jQuery.fn.loadthumb = function(options) {
options = $.extend({
src : ""
},options);
var _self = this;
_self.hide();
var img = new Image();
$(img).load(function(){
_self.attr("src", options.src);
_self.fadeIn("slow");
}).attr("src", options.src); //.atte("src",options.src)要放在load后面，
return _self;
}
$(function(){
var i = 4; //已知显示的元素的个数
var m = 4; //用于计算的变量
var $content = $("#myImagesSlideBox .scrollableDiv");
var count = $content.find("a").length;//总共的元素的个数
//下一张
$(".s_next").live("click",function(){
var $scrollableDiv = $(this).siblings(".items").find(".scrollableDiv");
if( !$scrollableDiv.is(":animated")){ //判断元素是否正处于动画，如果不处于动画状态，则追加动画。
if(mi){ //判断 i 是否小于总的个数
m--;
$scrollableDiv.animate({left: "+=63px"}, 600);
}
}
return false;
});
$(".scrollableDiv a").live("click",function(){
var src = $(this).find("img").attr("src");
$(this).parents(".myImagesSlideBox").find(".myImgs").loadthumb({src:src});
$(this).addClass("active").siblings().removeClass("active");
return false;
});
$(".scrollableDiv a:nth-child(1)").trigger("click");
// $(".myTxts a").live("click",function(){
// var bigimgSrc =$(this).parents(".myImagesSlideBox").find(".myImgs").attr("bigimg");
// popZoom( bigimgSrc , "500" , "500");
// return false;
// });
//以新窗口的方式打开图片
// var windowWidth =$(window).width();
// var windowHeight =$(window).height();
// function popZoom(pictURL, pWidth, pHeight) {
// var sWidth = windowWidth;
// var sHeight = windowHeight;
// var x1 = pWidth;
// var y1 = pHeight;
// var opts = "height=" + y1 + ",width=" + x1 + ",left=" + ((sWidth-x1)/2) +",top="+ ((sHeight-y1)/2)+",scrollbars=0,menubar=0";
// pZoom = window.open("","", opts);
// pZoom.document.open();
// pZoom.document.writeln("");
// pZoom.document.writeln("![](\"")
");
// pZoom.document.writeln("");
// pZoom.document.close();
// }
//
// /*关闭遮罩层*/
// $(".closeMyDiv a").live("click",function(){
// $("#MyDiv").empty().hide();
// $("#BigDiv").hide();
// return false;
// }).focus(function(){
// $(this).blur();
// return false;
// });
// /*使用遮罩层*/
// $("#myImagesSlideBox .myImages img").click(function(){
// /*遮罩层居中 和 宽度 高度设置 */
// $("#BigDiv").css({
// width: $("body").width() ,
// height: ( $("body").height() > $("html").height() ) ? $("body").height() : $("html").height()
// });
// $("#MyDiv").css({left: (($(window).width()-300)/2) ,top: (($(window).height()-390)/2) });
// var $myDiv = $("#MyDiv").html( $("#myImagesSlideBox").html() ).show();
// $('').prependTo( $myDiv );
// $("#BigDiv").show();
// return false;
// });
})