Japanese Tea Ceremony

新・固定表示の開閉タブ

下記ｃｓｓとＪＳ【新・固定表示開閉タブOP/CL　タブ遅延仕様 / 表示が崩れない対策】でうごく。

/* ===========================
NEW 固定表示開閉タブ
完全作り直し版
動き：
・文章の幅は最初から完成幅
・外側だけ0幅にして隠す
・中身は左からスライド
・高さ計算JSなし
============================= */

無料のＨＰフィッティング（デモサイト作成）
❖ 画像や文章は、事業内容に合わせて変更可能
❖ 他のデザインも見たい方はこちら

Japanese
Tea Ceremony

千心流　茶道家

高山　千心

スマホの場合縦長になる。中心点をいまは中心にしているが、変えたい場合はｊｓで調整。
const SP_POS_X = 0.5; // object-position 30% 相当　中央にしたいなら0.50
const SP_POS_Y = 0.5; // object-position 10% 相当中央にしたいなら0.50
スマホの画像サイズ枠をかえたいなら下記で調整
const SP_VIEW_W = 0.72;
const SP_VIEW_H = 0.62;

千心流　茶道家
高山　千心

スライダーは下記グループ（tri-slider-source)にいれること。画像サイズ枠を変えるにはJSで調整。
const SLIDER_W = 1100;
const SLIDER_H = 580;
const MAX_DISPLAY_W = 1100;
const HOLD_TIME = 2200;
const MARGIN = 50;

About

これはスマホ時だけ、profile-switch-itemを7秒ごとに切り替える設定なので、増やす場合には同じ名前のグループを。減らす場合にはこのクラス名のグループを削除すること。profile-switch-itemの高さは追加ｃｓｓのmax-height: 40svh !important;をかえること。ただ、profile-switch-wrapの高さがmin-height: 250px !important;になっていて、40svhがこの250pxをこえるとスクロールが効かなくなるので注意すること。もしいじるなら両方いじる必要が出てくる

千心流　茶道家

高山　千心

Profile

幼少期より祖母の影響で茶の湯に親しみ、静けさの中にある所作の美しさや、季節を映すしつらえに心を惹かれる。

長年の稽古を重ねる中で、形式だけにとらわれず、日々の暮らしにそっと寄り添う茶の湯を大切にするようになる。

現在は、少人数制の茶道教室や季節の茶会を主宰。初めて茶道に触れる方にもわかりやすく、所作・道具・季節の意味を丁寧に伝えている。

千心流の日常

Gallery

← Sweipe Left

茶をたてる

振舞い

茶器

茶会

茶道教室

初秋庭園

上のギャラリーの各名称のいろはブロックからじゃ変えられない。追加ｃｓｓの　.work-gallery-pc .work-current-title{　に書いてあるcolorを変える必要がある。一度ＪＳに指令がいってＪＳから文字生成しているからブロックが効かない。

不要なカバーは、クラス名にhide-frontといれ、fs-slideのクラス名を消すこと！復活させるには逆のことを