35 lines
1.6 KiB
HTML
35 lines
1.6 KiB
HTML
<div id="Gallery"></div>
|
|
<script>
|
|
document.getElementById("website").innerText = " 画廊 - 专注模式"
|
|
Gallery=document.getElementById("Gallery");
|
|
for (var i = 0; i < window.show_images.length; i++) {
|
|
console.log(window.show_images[i]);
|
|
if (i!=window.show_images.length-1){
|
|
next=`<a href="#p${i+1}" class="btn btn-primary btn-round ashow" data-sr-id="4">继续</a>`;
|
|
} else {
|
|
next=`<a href="#footer" class="btn btn-primary btn-round ashow" data-sr-id="4">完</a>`;
|
|
}
|
|
Gallery.innerHTML+=`<div class="page-header counter-area header-filter" id="p${i}" style="background-image: url('${window.show_images[i]["url"]}'); background-size: cover; background-position: center; background-repeat: no-repeat;">
|
|
<div class="container">
|
|
<div class="content-center brand ashow" style="${window.show_images[i]["css"]}">
|
|
<h1 class="h1-seo ashow">${window.show_images[i]["title"]}</h1>
|
|
<h3 class="ashow">${window.show_images[i]["content1"]}</h3>
|
|
<h4 class="description ashow">${window.show_images[i]["content2"]}</h4>
|
|
<h3 class="ashow">${window.show_images[i]["content3"]}</h3>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8 col-md-12">
|
|
<div class="btn-wrapper">
|
|
${next}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
}
|
|
</script>
|
|
<style>
|
|
.navbar {
|
|
background-color: transparent !important;
|
|
}
|
|
</style> |