[item_id_1478872236131]Custom Jewelry
Design gioiello personalizzato
Completa il formulario e sarai contattato entro 24 ore.
Galleria di gioielleria Personalizzata
" + "
");
};
$("#controler div").eq(0).addClass("onclick");
$("#controler div").each(function () {
$(this).click(function () {
autoPlayIndex = $(this).index();//为模拟点击索引值赋值
Change(this);
});
});
$(".nex_nav").click(function () {
currentIndex++;
if (currentIndex > imgtotal - 1) {
currentIndex = imgtotal - 1;
}
Change(currentIndex)
})
$(".pre_nav").click(function () {
currentIndex--;
if (currentIndex < 0) {
currentIndex = 0;
}
Change(currentIndex)
})
}
function Change(currentIndex) {
var imgtotal = $("#show-area ul li").length;
var autoPlayIndex = 0;
var imgwidth = $("#show-area ul li").width();//获取第一个li的长度用作动画切换效果
var showUl = imgtotal * imgwidth;
$("#show-area ul").css("width", showUl);
$("#show-area ul").animate({ left: -currentIndex * imgwidth }, 0);//这里就是切换的部分了当我按地一个按钮的时候它的左属性是没有变化的，而当我按第二个按钮的时候（第二个按钮的索引值是1）ul 的left属性就会减少第1个图片的宽度也就是向左面缩800px，这样第二张图片就显示出来啦，之后的也是如此，这就是为什么要设置ul 属性为relative的意义，并且ul 里面的 li 也要设置为左浮动这样才会有效果
}
Loading();
function Loading() {
/**
* ajax添加loading：
* 1、我们通过js的方式拼写loading的html片段，把它添加到body里
* 2、在ajax发送请求时让loading展示
* 3、ajax请求完毕时让loading隐藏
* */
var loadingHTML =
'';
$('#show-area').append(loadingHTML);
}
function LoadShow() {
// 第一个请求发送时展示loading
$(document).on('ajaxStart', function () {
$('.overlay').show();
});
}
function LoadHide() {
// 最后一个请求结束时隐藏loading
$(document).on('ajaxStop', function () {
$('.overlay').hide();
});
}
$(".start_consul").on("click", function () {
$(".modal_bg").addClass("bg_show");
document.documentElement.style.overflow = "hidden";
})
$(".modal_bg").on("click", function (event) {
var offmodal = $(".modal_t");
if (!offmodal.is(event.target) && offmodal.has(event.target).length === 0) {
$(".modal_bg").removeClass("bg_show");
document.documentElement.style.overflow = "auto";
}
})
$(".close_pop").on("click", function (event) {
$(".modal_bg").removeClass("bg_show");
document.documentElement.style.overflow = "auto";
})
// 图片上传预览
var form = new FormData();//通过HTML表单创建FormData对象
var url = '127.0.0.1:8080/'
$('.filechnage').change(function () {
var result = $(this).closest(".thumb-preview-uploaded").find(".inline")[0];
var files = this.files;
if (files.length == 0) {
return;
}
var file = files[0];
//把上传的图片显示出来
var reader = new FileReader();
// 将文件以Data URL形式进行读入页面
// console.log(reader);
reader.readAsBinaryString(file);
reader.onload = function (f) {
var src = "data:" + file.type + ";base64," + window.btoa(this.result);
result.innerHTML = '
