Skip to content

sora / sanitary-net

Go to a project
Commit cf3aac8a by o.kimura
Options

T127

parent c9dbd6c3
Inline Side-by-side
Showing with 46 additions and 49 deletions
index2.html → _index.html
......@@ -14,7 +14,7 @@
<script type="text/javascript" src="shared/js/jquery.js"></script>
<script type="text/javascript" src="shared/swiper/swiper-bundle.min.js"></script>
<script type="text/javascript" src="shared/js/common.js"></script>
<script type="text/javascript" src="shared/js/slider2.js"></script>
<script type="text/javascript" src="shared/js/slider.js"></script>
<link rel="stylesheet" href="shared/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="shared/css/fontdefault.css" type="text/css" media="all">
<link rel="stylesheet" href="shared/css/common.css" type="text/css" media="all">
......@@ -104,7 +104,7 @@
<div id="showcase">
<!-- swiper -->
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-wrapper"><!--dir="rtl"-->
<div class="swiper-slide swiper-slide1">
<img src="/images/showcase01.jpg" alt="" />
</div>
......@@ -218,8 +218,8 @@
<p><a href="https://ondankataisaku.env.go.jp/coolchoice/" target="_blank"><img src="https://www.sanitary-net.com/cms/wp-content/uploads/2018/11/bnr_coolchoice_top.jpg" alt="（一社）日本レストルーム工業会は「COOL CHOICE」に賛同しています" width="725" height="89" /></a></p>
</div>
<div class="right">
<p><a href="https://sanitary-net-annex.com/contest/" target="_brank"><img src="/shared/images/mv_pc.png" width="222" height="80" alt="水のある暮らし" /></a></p>
<p><a href="https://www.sanitary-net.com/news/news1899"><img src="/shared/images/ecohome.png" width="222" height="80" alt="子育てエコホーム支援事業" /></a></p>
<p><a href="https://sanitary-net-annex.com/contest/" target="_brank"><img src="/images/banner/mizunoarukurashi.png" width="222" height="80" alt="水のある暮らし" /></a></p>
<p><a href="https://www.sanitary-net.com/news/news1899"><img src="/images/banner/ecohome.png" width="222" height="80" alt="子育てエコホーム支援事業" /></a></p>
<p><a href="/episode-cp/"><img src="images/banner/222_80.png" alt="温水洗浄便座出荷台数1億台達成について" /></a></p>
<p><a href="/trend/pictogram/pictogram01.html"><img src="images/banner/banner_pictgram.jpg" alt="トイレ操作系標準ピクトグラム" width="222" height="80" /></a></p>
<p><a href="/trend/study.html"><img src="images/banner/banner_interview.png" alt="専門医に訊く（女性のための）温水洗浄便座の適切な使い方" width="222" height="80" /></a></p>
......
css/index.css
......@@ -3,7 +3,9 @@ div#contents_area_top {
border-bottom: 1px solid #E9E9F2;
}
.invisible{
visibility: hidden;
}
div#main_area div.left a {
color: #333;
......
index.html
......@@ -56,7 +56,7 @@
<!--//google analytics -->
</head>
<body>
<body class="invisible">
<div id="container">
<div id="head_area">
<h1><a href="/"><img src="shared/images/head/site_logo.png" width="478" height="60" class="pngfix" alt="トイレナビ" /></a></h1>
......@@ -104,18 +104,21 @@
<div id="showcase">
<!-- swiper -->
<div class="swiper">
<div class="swiper-wrapper"><!--dir="rtl"-->
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide1">
<img src="/images/showcase01.jpg" alt="" />
<img src="" alt="" id="slide_1" />
</div>
<div class="swiper-slide swiper-slide2">
<img src="/images/mizuno.png" alt="" />
<a href="https://sanitary-net-annex.com/contest/" target="_blank"><img src="/images/mizuno.png" alt="" /></a>
</div>
<div class="swiper-slide swiper-slide3">
<img src="/images/ecohome.png" alt="" />
<a href="https://www.sanitary-net.com/news/news1899" target="_blank"><img src="/images/ecohome.png" alt="" /></a>
</div>
<div class="swiper-slide swiper-slide4">
<img src="/images/japantoilet.png" alt="" />
<a href="https://www.sanitary-net.com/utsukushitoilet/" target="_blank"><img src="/images/japantoilet.png" alt="" /></a>
</div>
<div class="swiper-slide swiper-slide4">
<a href="https://www.sanitary-net.com/episode-cp/" target="_blank"><img src="/images/ichioku.png" alt="" /></a>
</div>
</div>
......@@ -218,8 +221,8 @@
<p><a href="https://ondankataisaku.env.go.jp/coolchoice/" target="_blank"><img src="https://www.sanitary-net.com/cms/wp-content/uploads/2018/11/bnr_coolchoice_top.jpg" alt="（一社）日本レストルーム工業会は「COOL CHOICE」に賛同しています" width="725" height="89" /></a></p>
</div>
<div class="right">
<p><a href="https://sanitary-net-annex.com/contest/" target="_brank"><img src="/images/banner/mizunoarukurashi.png" width="222" height="80" alt="水のある暮らし" /></a></p>
<p><a href="https://www.sanitary-net.com/news/news1899"><img src="/images/banner/ecohome.png" width="222" height="80" alt="子育てエコホーム支援事業" /></a></p>
<p><a href="https://sanitary-net-annex.com/contest/" target="_brank"><img src="/shared/images/mv_pc.png" width="222" height="80" alt="水のある暮らし" /></a></p>
<p><a href="https://www.sanitary-net.com/news/news1899"><img src="/shared/images/ecohome.png" width="222" height="80" alt="子育てエコホーム支援事業" /></a></p>
<p><a href="/episode-cp/"><img src="images/banner/222_80.png" alt="温水洗浄便座出荷台数1億台達成について" /></a></p>
<p><a href="/trend/pictogram/pictogram01.html"><img src="images/banner/banner_pictgram.jpg" alt="トイレ操作系標準ピクトグラム" width="222" height="80" /></a></p>
<p><a href="/trend/study.html"><img src="images/banner/banner_interview.png" alt="専門医に訊く（女性のための）温水洗浄便座の適切な使い方" width="222" height="80" /></a></p>
......
shared/js/commonparts.js
......@@ -207,20 +207,6 @@ function includeSideEn_pict() {
);
}
function includeShowcaseImage() {
showcaseimage = new Array();
showcaseimage[0] = "<img src='images/showcase01.jpg' alt='' width='1280' height='377' />";
showcaseimage[1] = "<img src='images/showcase02.jpg' alt='' width='1280' height='377' />";
showcaseimage[2] = "<img src='images/showcase03.jpg' alt='' width='1280' height='377' />";
showcaseimage[3] = "<img src='images/showcase04.jpg' alt='' width='1280' height='377' />";
showcaseimage[4] = "<img src='images/showcase05.jpg' alt='' width='1280' height='377' />";
n = Math.floor(Math.random() * showcaseimage.length);
document.write(showcaseimage[n]);
/* showcaseimage = new Array();
showcaseimage[0] = "<a href='https://toilet-episode-cp.com/' target='_blank'><img src='images/campaign_mv_pc_f.png' alt='' width='965' height='auto' class='mv_fade' /></a>";
document.write(showcaseimage[0]);*/
}
/*
// ユニバーサルアナリティクス
(function (i, s, o, g, r, a, m) {
......
shared/js/slider.js
......@@ -6,10 +6,6 @@ window.onload = function () {
delay: 3000,
disableOnInteraction: false
},
effect: 'fade',
fadeEffect: {
crossFade: true
},
pagination: {
el: ".swiper-pagination",
clickable: true,
......@@ -20,3 +16,24 @@ window.onload = function () {
},
});
}
$(function () {
includeShowcaseImage();
});
function includeShowcaseImage() {
showcaseimage = new Array();
showcaseimage[0] = 'images/showcase01.jpg';
showcaseimage[1] = 'images/showcase02.jpg';
showcaseimage[2] = 'images/showcase03.jpg';
showcaseimage[3] = 'images/showcase04.jpg';
showcaseimage[4] = 'images/showcase05.jpg';
n = Math.floor(Math.random() * showcaseimage.length);
console.log(showcaseimage[n])
$("#slide_1").attr("src", showcaseimage[n]);
$("body").removeClass("invisible");
// document.write(showcaseimage[n]);
/* showcaseimage = new Array();
showcaseimage[0] = "<a href='https://toilet-episode-cp.com/' target='_blank'><img src='images/campaign_mv_pc_f.png' alt='' width='965' height='auto' class='mv_fade' /></a>";
document.write(showcaseimage[0]);*/
}
shared/js/slider2.js deleted 100644 → 0
window.onload = function () {
const swiper = new Swiper(".swiper", {
loop: true,
speed: 2000,
autoplay: {
delay: 3000,
disableOnInteraction: false
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
}
utsukushitoilet/howtouse/css/style.css
......@@ -334,6 +334,13 @@ h3 {
.point .side {
width: auto !important;
}
.ft120 {
font-size: 100%!important;
}
.second .point > div.pict{
padding: 30px 5px 0px 8px;
}
}
/* 0-640px ----*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment