jQuery支持鼠标拖动360度全方位浏览图片

支持360度全方位浏览大图效果，支持鼠标拖拽浏览查看的图片插件。

淘建站为您提供更多_图片代码_图片拖动_360_全景图，在此特别感谢您对我们的支持与厚爱！

body属性设置和预加载各个方位的图片

$(document.body).attr({
    'onSelectStart': 'return false;',
    'oncontextmenu': 'return false;',
    'onbeforecopy': 'return false;',
    'oncopy': 'return false;',
    'ondragstart': 'return false;',
    'style': '-moz-user-select:none; '
            + '-khtml-user-select: none; user-select: none;'
});
var Preload = function(images, callback) {
    var done = 0, val = 0;
    var count = images.length;
    var preload = function(url) {
        var image = $("<img />").attr("src", url).on("load", function() {
            complete();
        });
    };
    var complete = function() {
        done++;
        val = done / count * 100;
        $('#loading span').text(Math.ceil(val) + "%");
        if (done == count) {
            callback();
        }
    };
    for (var i = 0; i < images.length; i++) {
        preload(images[i]);
    }
};
var images = [
    'drag/shiwai ceshi0006.jpg',
    'drag/shiwai ceshi0012.jpg',
    'drag/shiwai ceshi0018.jpg',
    'drag/shiwai ceshi0024.jpg',
    'drag/shiwai ceshi0030.jpg',
];
Preload(images, function() {
    $("#loading").fadeOut();
    $("#demo img").attr("src", images[0]);
    $("#demo").fadeIn();
    $("#demo img").drag360(images);
});