|
@@ -167,8 +167,8 @@ console.log(28);
|
|
|
|
|
|
// });
|
|
// });
|
|
|
|
|
|
-
|
|
|
|
window.onload=function(){
|
|
window.onload=function(){
|
|
|
|
+
|
|
function funcTest5() {
|
|
function funcTest5() {
|
|
$.ajax({
|
|
$.ajax({
|
|
method: "GET",
|
|
method: "GET",
|
|
@@ -190,71 +190,7 @@ window.onload=function(){
|
|
|
|
|
|
templength = temp.length;
|
|
templength = temp.length;
|
|
});
|
|
});
|
|
- var desBanner = '';
|
|
|
|
- var MobBanner = '';
|
|
|
|
- var bodyBannerDes = '';
|
|
|
|
- var DesignerContent = '';
|
|
|
|
- for (var i = 0; i < temp.length; i++) {
|
|
|
|
- var deslist = 0;
|
|
|
|
- var deslist2 = 0;
|
|
|
|
- deslist = get_data(temp[i]);
|
|
|
|
- deslist2 = get_data(temp[0]);
|
|
|
|
- DesignerContent += ' \
|
|
|
|
- <div id="'+ deslist.id + '" class="secimg col-4 col-lg-2 mx-0 px-0 border-0"><a href="./about/index.html?id=' + deslist.id + '"><img class="img-fluid"\
|
|
|
|
- src="'+ deslist.Designerimg + '"\
|
|
|
|
- alt="">\
|
|
|
|
- <div class="sec02-p-m p-1 mt-1 text-center">\
|
|
|
|
- <p class="my-0">'+ deslist.WorkName + '</p>\
|
|
|
|
- <p>'+ deslist.DesignerName + '</p>\
|
|
|
|
- </div>\
|
|
|
|
- </a>\
|
|
|
|
- </div>';
|
|
|
|
- }
|
|
|
|
- desBanner += ' \
|
|
|
|
- <div class="banner-des row vertical align-items-end px-0 mx-0">\
|
|
|
|
- <div class="banner-0 col-0 order-1 col-lg-5 order-1 pe-0">\
|
|
|
|
- <img class="img-fluid" src="./img/banner/bannertitle.png" alt="">\
|
|
|
|
- </div>\
|
|
|
|
- <div class="banner-1 col-5 order-3 col-lg-5 order-2 text-white text-end py-3">\
|
|
|
|
- <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '"><div class="banner1-1" style="font-weight: 900;">' + deslist2.WorkName + '</div>\
|
|
|
|
- <p><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
|
|
|
|
- </a>\
|
|
|
|
- <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\
|
|
|
|
- <button type="button" id="'+ deslist2.id + '" data-info="' + deslist2.id + '" class="mesg btn border border-white" data-bs-toggle="modal" data-bs-target="#exampleModal"><img class="" src="img/001-blogging.svg" alt=""></button>\
|
|
|
|
- </div>\
|
|
|
|
- <div class="banner-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
|
|
|
|
- <a class="desbutton" data-info="'+ deslist2.id + '" href="./about/index.html?id=' + deslist2.id + '"><img class="img-fluid" src="' + deslist2.Designerimg + '" alt=""></a>\
|
|
|
|
- </div>\
|
|
|
|
- </div>';
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- MobBanner += ' \
|
|
|
|
- <div class="banner-m row vertical align-items-end px-0 mx-0">\
|
|
|
|
- <div class="bannerm-0 col-12 my-5 px-0">\
|
|
|
|
- <img class="img-fluid" src="./img/banner/banner-mobile.png" alt="">\
|
|
|
|
- </div>\
|
|
|
|
- <div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
|
|
|
|
- <a href="./about/index.html?id='+ deslist2.id + '"><img class="img-fluid" src="' + deslist2.Designerimg + '" alt=""></a>\
|
|
|
|
- </div>\
|
|
|
|
- <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start pb-3">\
|
|
|
|
- <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '">\
|
|
|
|
- <div class="banner1-1 pt-3 pb-1" style="font-weight: 900;">'+ deslist2.WorkName + '</div>\
|
|
|
|
- <p class=""><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
|
|
|
|
- </a>\
|
|
|
|
- <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\
|
|
|
|
- <button type="button" id="'+ deslist2.id + '" data-info="' + deslist2.id + '" class="mesg btn border border-white" data-bs-toggle="modal" data-bs-target="#exampleModal"><img class="" src="img/001-blogging.svg" alt=""></button>\
|
|
|
|
- </div>\
|
|
|
|
- </div > ';
|
|
|
|
-
|
|
|
|
- bodyBannerDes += ' \
|
|
|
|
- <img class="banner-img img-fluid" id="img_id" src="'+ deslist2.workimg[0].img + '" alt="">\
|
|
|
|
- ';
|
|
|
|
-
|
|
|
|
- $('.banner-des').html(desBanner);
|
|
|
|
- $('.banner-m').html(MobBanner);
|
|
|
|
- $('#bannerdes-img').html(bodyBannerDes);
|
|
|
|
- $('.sec01-designer').html(DesignerContent);
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
@@ -264,7 +200,7 @@ window.onload=function(){
|
|
var temp = [];
|
|
var temp = [];
|
|
var numb1 = [];
|
|
var numb1 = [];
|
|
funcTest5();
|
|
funcTest5();
|
|
- // funcTest4();
|
|
|
|
|
|
+ funcTest4();
|
|
|
|
|
|
function funcTest4() {
|
|
function funcTest4() {
|
|
for (var j = 0; j < templength; j++) {
|
|
for (var j = 0; j < templength; j++) {
|
|
@@ -286,70 +222,70 @@ window.onload=function(){
|
|
console.log(temp);
|
|
console.log(temp);
|
|
|
|
|
|
|
|
|
|
- // var desBanner = '';
|
|
|
|
- // var MobBanner = '';
|
|
|
|
- // var bodyBannerDes = '';
|
|
|
|
- // var DesignerContent = '';
|
|
|
|
- // for (var i = 0; i < temp.length; i++) {
|
|
|
|
- // var deslist = 0;
|
|
|
|
- // var deslist2 = 0;
|
|
|
|
- // deslist = get_data(temp[i]);
|
|
|
|
- // deslist2 = get_data(temp[0]);
|
|
|
|
- // DesignerContent += ' \
|
|
|
|
- // <div id="'+ deslist.id + '" class="secimg col-4 col-lg-2 mx-0 px-0 border-0"><a href="./about/index.html?id=' + deslist.id + '"><img class="img-fluid"\
|
|
|
|
- // src="'+ deslist.Designerimg + '"\
|
|
|
|
- // alt="">\
|
|
|
|
- // <div class="sec02-p-m p-1 mt-1 text-center">\
|
|
|
|
- // <p class="my-0">'+ deslist.WorkName + '</p>\
|
|
|
|
- // <p>'+ deslist.DesignerName + '</p>\
|
|
|
|
- // </div>\
|
|
|
|
- // </a>\
|
|
|
|
- // </div>';
|
|
|
|
- // }
|
|
|
|
- // desBanner += ' \
|
|
|
|
- // <div class="banner-des row vertical align-items-end px-0 mx-0">\
|
|
|
|
- // <div class="banner-0 col-0 order-1 col-lg-5 order-1 pe-0">\
|
|
|
|
- // <img class="img-fluid" src="./img/banner/bannertitle.png" alt="">\
|
|
|
|
- // </div>\
|
|
|
|
- // <div class="banner-1 col-5 order-3 col-lg-5 order-2 text-white text-end py-3">\
|
|
|
|
- // <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '"><div class="banner1-1" style="font-weight: 900;">' + deslist2.WorkName + '</div>\
|
|
|
|
- // <p><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
|
|
|
|
- // </a>\
|
|
|
|
- // <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\
|
|
|
|
- // <button type="button" id="'+ deslist2.id + '" data-info="' + deslist2.id + '" class="mesg btn border border-white" data-bs-toggle="modal" data-bs-target="#exampleModal"><img class="" src="img/001-blogging.svg" alt=""></button>\
|
|
|
|
- // </div>\
|
|
|
|
- // <div class="banner-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
|
|
|
|
- // <a class="desbutton" data-info="'+ deslist2.id + '" href="./about/index.html?id=' + deslist2.id + '"><img class="img-fluid" src="' + deslist2.Designerimg + '" alt=""></a>\
|
|
|
|
- // </div>\
|
|
|
|
- // </div>';
|
|
|
|
|
|
+ var desBanner = '';
|
|
|
|
+ var MobBanner = '';
|
|
|
|
+ var bodyBannerDes = '';
|
|
|
|
+ var DesignerContent = '';
|
|
|
|
+ for (var i = 0; i < temp.length; i++) {
|
|
|
|
+ var deslist = 0;
|
|
|
|
+ var deslist2 = 0;
|
|
|
|
+ deslist = get_data(temp[i]);
|
|
|
|
+ deslist2 = get_data(temp[0]);
|
|
|
|
+ DesignerContent += ' \
|
|
|
|
+ <div id="'+ deslist.id + '" class="secimg col-4 col-lg-2 mx-0 px-0 border-0"><a href="./about/index.html?id=' + deslist.id + '"><img class="img-fluid"\
|
|
|
|
+ src="'+ deslist.Designerimg + '"\
|
|
|
|
+ alt="">\
|
|
|
|
+ <div class="sec02-p-m p-1 mt-1 text-center">\
|
|
|
|
+ <p class="my-0">'+ deslist.WorkName + '</p>\
|
|
|
|
+ <p>'+ deslist.DesignerName + '</p>\
|
|
|
|
+ </div>\
|
|
|
|
+ </a>\
|
|
|
|
+ </div>';
|
|
|
|
+ }
|
|
|
|
+ desBanner += ' \
|
|
|
|
+ <div class="banner-des row vertical align-items-end px-0 mx-0">\
|
|
|
|
+ <div class="banner-0 col-0 order-1 col-lg-5 order-1 pe-0">\
|
|
|
|
+ <img class="img-fluid" src="./img/banner/bannertitle.png" alt="">\
|
|
|
|
+ </div>\
|
|
|
|
+ <div class="banner-1 col-5 order-3 col-lg-5 order-2 text-white text-end py-3">\
|
|
|
|
+ <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '"><div class="banner1-1" style="font-weight: 900;">' + deslist2.WorkName + '</div>\
|
|
|
|
+ <p><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
|
|
|
|
+ </a>\
|
|
|
|
+ <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\
|
|
|
|
+ <button type="button" id="'+ deslist2.id + '" data-info="' + deslist2.id + '" class="mesg btn border border-white" data-bs-toggle="modal" data-bs-target="#exampleModal"><img class="" src="img/001-blogging.svg" alt=""></button>\
|
|
|
|
+ </div>\
|
|
|
|
+ <div class="banner-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
|
|
|
|
+ <a class="desbutton" data-info="'+ deslist2.id + '" href="./about/index.html?id=' + deslist2.id + '"><img class="img-fluid" src="' + deslist2.Designerimg + '" alt=""></a>\
|
|
|
|
+ </div>\
|
|
|
|
+ </div>';
|
|
|
|
|
|
|
|
|
|
- // MobBanner += ' \
|
|
|
|
- // <div class="banner-m row vertical align-items-end px-0 mx-0">\
|
|
|
|
- // <div class="bannerm-0 col-12 my-5 px-0">\
|
|
|
|
- // <img class="img-fluid" src="./img/banner/banner-mobile.png" alt="">\
|
|
|
|
- // </div>\
|
|
|
|
- // <div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
|
|
|
|
- // <a href="./about/index.html?id='+ deslist2.id + '"><img class="img-fluid" src="' + deslist2.Designerimg + '" alt=""></a>\
|
|
|
|
- // </div>\
|
|
|
|
- // <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start pb-3">\
|
|
|
|
- // <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '">\
|
|
|
|
- // <div class="banner1-1 pt-3 pb-1" style="font-weight: 900;">'+ deslist2.WorkName + '</div>\
|
|
|
|
- // <p class=""><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
|
|
|
|
- // </a>\
|
|
|
|
- // <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\
|
|
|
|
- // <button type="button" id="'+ deslist2.id + '" data-info="' + deslist2.id + '" class="mesg btn border border-white" data-bs-toggle="modal" data-bs-target="#exampleModal"><img class="" src="img/001-blogging.svg" alt=""></button>\
|
|
|
|
- // </div>\
|
|
|
|
- // </div > ';
|
|
|
|
|
|
+ MobBanner += ' \
|
|
|
|
+ <div class="banner-m row vertical align-items-end px-0 mx-0">\
|
|
|
|
+ <div class="bannerm-0 col-12 my-5 px-0">\
|
|
|
|
+ <img class="img-fluid" src="./img/banner/banner-mobile.png" alt="">\
|
|
|
|
+ </div>\
|
|
|
|
+ <div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
|
|
|
|
+ <a href="./about/index.html?id='+ deslist2.id + '"><img class="img-fluid" src="' + deslist2.Designerimg + '" alt=""></a>\
|
|
|
|
+ </div>\
|
|
|
|
+ <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start pb-3">\
|
|
|
|
+ <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '">\
|
|
|
|
+ <div class="banner1-1 pt-3 pb-1" style="font-weight: 900;">'+ deslist2.WorkName + '</div>\
|
|
|
|
+ <p class=""><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
|
|
|
|
+ </a>\
|
|
|
|
+ <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\
|
|
|
|
+ <button type="button" id="'+ deslist2.id + '" data-info="' + deslist2.id + '" class="mesg btn border border-white" data-bs-toggle="modal" data-bs-target="#exampleModal"><img class="" src="img/001-blogging.svg" alt=""></button>\
|
|
|
|
+ </div>\
|
|
|
|
+ </div > ';
|
|
|
|
|
|
- // bodyBannerDes += ' \
|
|
|
|
- // <img class="banner-img img-fluid" id="img_id" src="'+ deslist2.workimg[0].img + '" alt="">\
|
|
|
|
- // ';
|
|
|
|
|
|
+ bodyBannerDes += ' \
|
|
|
|
+ <img class="banner-img img-fluid" id="img_id" src="'+ deslist2.workimg[0].img + '" alt="">\
|
|
|
|
+ ';
|
|
|
|
|
|
- // $('.banner-des').html(desBanner);
|
|
|
|
- // $('.banner-m').html(MobBanner);
|
|
|
|
- // $('#bannerdes-img').html(bodyBannerDes);
|
|
|
|
- // $('.sec01-designer').html(DesignerContent);
|
|
|
|
|
|
+ $('.banner-des').html(desBanner);
|
|
|
|
+ $('.banner-m').html(MobBanner);
|
|
|
|
+ $('#bannerdes-img').html(bodyBannerDes);
|
|
|
|
+ $('.sec01-designer').html(DesignerContent);
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -375,14 +311,14 @@ window.onload=function(){
|
|
|
|
|
|
return A
|
|
return A
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ setInterval("funcTest4()", 1000 * 10);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-// setInterval("funcTest4()", 1000 * 10);
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|