ネットコンテンツ全般から日々のお役立ち情報まで分かりやすくお届け | ふかふか交易所

ふかふか交易所

スライド

HP・ブログ関連

2019/6/9

2枚の画像を比較するのに便利な『比較用スライドショー』を超簡単に設置する方法を紹介!

以前の記事で、ホームページに普通のスライドショーを設置する方法について紹介しました。 超簡単!ホームページにスライドショー機能を実装する方法(JQuery) しかし今回紹介するスライドショーは、2枚の画像を比較したい時に非常に便利な『比較用スライドショー』です!(通称:Cocoen)   例えば以下のような2枚の画像を比べて見せたいとします。   ここで『比較用スライドショー』を導入すると、以下のように、カーソル操作で2枚の画像を見比べることができるスライドショーが設置できます。   ...

HP・ブログ関連

2019/4/14

[bxSlider]スライドショーオプションの記述方法と使い方まとめ

以前の記事で、サイト上に「bxSlider」のスライドショーを設置する簡単な方法について解説しました。 超簡単!ホームページにスライドショー機能を実装する方法(JQuery) bxSliderには、スライド方法を変更したりスピードを変更したりと、スライドショーを自由にカスタマイズできるオプションが多数用意されています。 そこで今回は、bxSliderのスライドショーに適用できるオプションの種類と記述方法について、紹介していこうと思います! オプションの適用方法 bxSliderのスライドショーを設置した際 ...

HP・ブログ関連

2019/4/14

[bxSlider]スライドショー読み込み時に画像が一瞬バラけてしまう場合の超簡単な対処法

以前の記事で、サイト上に「bxSlider」のスライドショーを設置する簡単な方法について解説しました。 超簡単!ホームページにスライドショー機能を実装する方法(JQuery) しかし実際にスライドショーを設置した方々から、スライドショーを読み込む際に、一瞬画像がバラバラに表示されてしまうという報告をいただきました。 ▼画像が重いと、ページ読み込み時にこのようにスライドショーが一瞬崩れて表示されてしまう。 一瞬でもレイアウトが崩れてしまうと気になるしカッコ悪いですよね。そこで今回は、スライドショーの読み込み ...

HP・ブログ関連

2019/4/8

ホームページにアコーディオンのようなフォトスライドを簡単に実装する方法

すこし洒落た感じのフォトスライドをホームページのトップに実装したい! そんな時に役に立つ、レスポンシブ対応のアコーディオン形のスライダー(raccordion slider) を簡単に実装する方法について今回は紹介します! ちなみに以下のDEMOページのようなフォトスライドが実装されます。 DEMOページ ソースプログラムのダウンロード https://egrappler.com/jquery-responsive-horizontal-accordion 今回実装する「raccordion slider ...

Copyright© ふかふか交易所 , 2019 All Rights Reserved.