netshop10紙芝居のように画像が入れ替わるパーツの正体は「スライダー」ツイートシェアはてブLINEPocketこの記事は約4分で読むことができます。ネットショップのヘッダーなどで、同じ場所で写真が自動的に入れ替わるパーツを「スライダー」と言います。ショップサーブで、これに近いモノをを導入する場合はオプションで有料(5,000円)です。同社では「スライドショー」という名前。こんなもの自前でやればタダです。その程度のことは自分でやってしまいましょう。開店したてでHTMLを勉強中の方にはちょっと難しいかもしれませんが、HTMLやCSSをある程度理解でる人ならちょー簡単です。ほとんどコピペの世界です。自分でプログラムする必要はありません。無料で配布されているプログラムをもらってきて、画像だけ入れ替えるのです。無料でゲットできるプログラム、今回は「blueberry」というやつを見つけてきたので、それを入れましょう。ダウンロード(無料!)http://marktyrrell.com/labs/blueberry/右側の「DOWNLOAD」からファイルを取ってきます。デスクトップにDLできたなら解凍します。こんな感じのファイル構成です。必要な部分だけコピペindex.htmlのソースを開ければ、必要なことが書かれています。書かれていますが、必要なのは以下の3パーツだけです。すべて<HEAD>内に記入します。(3)はBODYでもOKです。{$(‘.blueberry’).blueberry();});</script>あと、CSSで画像の大きさを指定しているのに注意です。}このクラス要素の画像サイズだけを必要な大きさに変えればOKです。HTMLはこれだけヘッダーなどには次のHTMLをコピペするだけです。alt=”サンプル1′′></li></ul></div>(※ショップサーブのカテゴリ管理のところ)ものの10分でおわってしまうほど、jQueryの中ではイージーなタイプですね。今回は画像だけですが、画像それぞれにリンクを貼ることもできるので、商品ページやカテゴリーページ、キャンペーンのページなどに飛ばすことができます。これで、貴店も繁盛感あふれるお店づくりができます。CSSやHTML、CGIウェブ・テクニックjQuery中級繁盛感賑わい感ツイートシェアはてブLINEPocketfeedly仕入れが先かネットショップが先かフォントMEIRYO(メイリオ)を使うと不自然な行間が開いてしまう問題を直す!RECOMMENDこちらの記事も人気です。副業で個人事業主を始める人が気を付けるべき点2020.02.20東京オリンピック特需への便乗想定。ネット通販店がやるべき、たった1つの対策。2020.02.18今後起業するなら、外したくない97%確実に儲かる6つの条件2020.02.16個人事業主は楽しい確定申告。収入ある人もない人も。