MENU
現在ホームページリニューアル作業中につき、表示が崩れている箇所があります。ご了承くださいませ。
  1. ホーム
  2. 制作実績
  3. 制作物
  4. 資料作成
  5. カフェ専門デザイナーの営業資料制作、ブランディングフォト撮影

カフェ専門デザイナーの営業資料制作、ブランディングフォト撮影


Warning: Undefined array key 0 in /home/domanomado/domanomado.com/public_html/wp-content/themes/swell/classes/Utility/Get.php on line 805

Warning: Undefined array key 0 in /home/domanomado/domanomado.com/public_html/wp-content/themes/swell/classes/Utility/Get.php on line 805

Warning: Undefined array key 0 in /home/domanomado/domanomado.com/public_html/wp-content/themes/swell/classes/Utility/Get.php on line 805
資料作成 写真・動画撮影 その他
目次

鈴木あかり様

キャプションが入ります。
資料作成 写真・動画撮影 その他
よかったらシェアしてね！
  • URLをコピーしました！
  • URLをコピーしました！

この記事を書いた人

吉田 たかみのアバター 吉田 たかみ

神奈川県川崎市のブランドデザイン会社「株式会社ドマノマド」代表取締役。2012年に富士通に入社し、8年間プロダクトデザイナーとして従事。2年連続で保活に敗れたことをきっかけに自宅を子どもと働けるシェアスペースにして起業。女性・ママデザイナーのためのスクール事業、ブランドデザイン会社としてロゴやホームページなどのブランドデザイン制作事業を展開。

この著者の記事一覧を見る

その他のおすすめ記事

目次
// サムネイルのオプション jQuery(".thumbnail").slick({ slidesToShow: 10, // サムネイルの表示数 focusOnSelect: true, // サムネイルクリックを有効化 asNavFor: '.slider', arrows: false, // 矢印非表示 lazyLoad: 'ondemand', infinite: false, // 無限スクロールを無効化 centerMode: false, // サムネイルが中央に寄るのを防ぐ variableWidth: false, // サムネイルの幅を一定にする draggable: false, // ドラッグ操作を無効化 swipe: false, // スワイプ操作を無効化 jQuery(document).ready(function(){ // メインスライダーの初期化 $('.slider').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, }); // サムネイルリストの初期化（手動制御のためスライダー化しない） jQuery('.thumbnail .thumbnail-img').on('click', function() { var index = $(this).index(); jQuery('.slider').slick('slickGoTo', index); // メインスライダーを指定のスライドに移動 // 選択されたサムネイルのデザイン変更 jQuery('.thumbnail .thumbnail-img').removeClass('active'); jQuery(this).addClass('active'); }); // 初期状態で最初のサムネイルを選択状態にする jQuery('.thumbnail .thumbnail-img').eq(0).addClass('active'); }); }); jQuery(document).ready(function(){ // メインスライダーの初期化 jQuery('.slider_').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, // フェードで切り替え speed: 500, // 切り替え速度 cssEase: 'linear', // スムーズなフェード asNavFor: '.thumbnail' // サムネイルと連携 }); // サムネイルスライダーの初期化 jQuery('.thumbnail').slick({ slidesToShow: 10, // サムネイルを常に10枚表示 slidesToScroll: 1, asNavFor: '.slider_', // メインスライダーと連携 dots: false, focusOnSelect: true, // クリックでスライド切り替え centerMode: false, // サムネイルが中央に移動しないようにする variableWidth: false, // サムネイルの幅を統一 arrows: false, // 矢印を非表示 }); // 初期表示時に最初のサムネイルを選択状態にする jQuery('.thumbnail').on('init', function(event, slick){ $('.thumbnail .slick-slide').eq(0).addClass('active'); }); // サムネイルがクリックされたときの処理 jQuery('.thumbnail .slick-slide').on('click', function() { var index = jQuery(this).index(); jQuery('.slider_').slick('slickGoTo', index); // メインスライダーを切り替え // 選択状態を更新 jQuery('.thumbnail .slick-slide').removeClass('active'); jQuery(this).addClass('active'); }); // メインスライダーが切り替わったときにサムネイルの選択状態を変更 jQuery('.slider_').on('afterChange', function(event, slick, currentSlide) { jQuery('.thumbnail .slick-slide').removeClass('active'); jQuery('.thumbnail .slick-slide').eq(currentSlide).addClass('active'); }); });