myweb/JavaScript.js at master · hujunyi19870807/myweb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124


jQuery.browser = {}; (function () { jQuery.browser.msie = false; jQuery.browser.version = 0; if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) { jQuery.browser.msie = true; jQuery.browser.version = RegExp.$1; } })();
function SImage(callback) {
    var img = new Image();
    this.img = img;
    var appname = navigator.appName.toLowerCase();
    debugger;
    if (appname.indexOf("netscape") == -1) {
        img.onreadystatechange = function () {
            if (img.readyState == "complete") {
                callback(img);
            }
        };
    } else {
        img.onload = function () {
            if (img.complete == true) {
                callback(img);
            }
        }
    }
}

SImage.prototype.get = function (url) {
    this.img.src = url;
}

var _getArea = $('.area-btn-imgCng');

_getArea.each(function (index, element) {
    var _this = $(this), _now = _this.find('.now'), _nowNum, _total = _this.find('.total'), _totalNum,
        _imgSrc = _this.closest('div').find('.hsPhoto img.photo'),
        _loadimg = _this.closest('div').find('.hsPhoto img.loading'),
        _loadmask = _this.closest('div').find('.hsPhoto em.mask'),
        _pre = _this.find('.pre'),
        _next = _this.find('.next');

    if (_imgSrc.attr('datasrc') != '') {
        var _imgArry = eval('(' + _imgSrc.attr('datasrc') + ')');

        _total.html(_imgArry.length + 1);

        _imgArry.unshift(_imgSrc.attr('src'));
        _pre.css('opacity', '0.2');

        _next.click(function () {

            _nowNum = _now.html() * 1,
                _totalNum = _total.html() * 1;

            if (_now.html() != _imgArry.length) {

                _now.html(_nowNum + 1);

                _pre.css('opacity', '1');

                if ((_nowNum + 1) == _imgArry.length) {

                    _next.css('opacity', '0.2');

                } else {

                    _loadimg.show();
                    _loadmask.show();

                }

                function icall(obj) {
                    _loadimg.hide();
                    _loadmask.hide();
                    _imgSrc.attr('src', obj.src);
                }

                var img = new SImage(icall);
                img.get(_imgArry[_nowNum]);


            } else {
                _next.css('opacity', '0.2');
            }
        });

        _pre.click(function () {

            _nowNum = _now.html() * 1,
                _totalNum = _total.html() * 1;

            if (_now.html() != 1) {
                _now.html(_nowNum - 1);

                _next.css('opacity', '1');

                if ((_nowNum - 1) == 1) {
                    _pre.css('opacity', '0.2');
                } else {
                    _loadimg.show();
                    _loadmask.show();
                }

                function icall(obj) {
                    _loadimg.hide();
                    _loadmask.hide();
                    _imgSrc.attr('src', obj.src);
                }

                var img = new SImage(icall);
                img.get(_imgArry[_nowNum - 2]);


            } else {
                _pre.css('opacity', '0.2');
            }
        });
    }
    else {
        _total.html(1);
        _next.css('opacity', '0.2');
        _pre.css('opacity', '0.2');
    }


});