ふかふか交易所

ふかふか交易所 | ゲーム、HP・ブログ制作、動画制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介します

スライドショー

HP・ブログ関連

2019/8/4

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

以前の記事で、ホームページに普通のスライドショーを設置する方法について紹介しました。 ふかふか交易所超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します!ちなみに導入に成功すると↓このよ... しかし今回紹介するスライドショーは、2枚の画像を比較したい時に非常に便利な『比較用スライドショー』です!(通称:Cocoen) &nb ...

HP・ブログ関連

2019/8/4

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

以前の記事で、サイト上に「bxSlider」のスライドショーを設置する簡単な方法について解説しました。 ふかふか交易所超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します!ちなみに導入に成功すると↓このよ... bxSliderには、スライド方法を変更したりスピードを変更したりと、スライドショーを自由にカスタマイズできるオプシ ...

HP・ブログ関連

2019/8/4

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

以前の記事で、サイト上に「bxSlider」のスライドショーを設置する簡単な方法について解説しました。 ふかふか交易所超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します!ちなみに導入に成功すると↓このよ... しかし実際にスライドショーを設置した方々から、スライドショーを読み込む際に、一瞬画像がバラバラに表示されてしまうとい ...

HP・ブログ関連

2019/8/4

[Bxslider]スライドショーが正常に動作しない、設置できない場合の対処法まとめ

以前このサイトの記事にて、jQueryで動作するスライドショー「bxSlider」の簡単な設置方法について解説しました。 ふかふか交易所超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します!ちなみに導入に成功すると↓このよ... すると、一部の方々から、スライドショーが正常に動作しないとの報告を少なからず頂きます。 そこで今回 ...

HP・ブログ関連

2019/8/4

ホームページにサムネイル付きスライドショーを簡単に設置する方法(jQuery)

ホームページやブログに設置した「bxslider」のスライドショーに簡単なカスタマイズを施して、 下に各スライドの画像が表示される"サムネイル付き"のスライドショーにする方法について解説します! ▼実装例 既にjQueryによるスライドショーが設置できている事が前提となりますので、初めてスライドショーを設置する方は、以下の記事から読んでください。 ふかふか交易所超簡単!ホームページにスライドショー機能を実装する方法(JQuery)自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑や ...

HP・ブログ関連

2019/4/8

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

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

HP・ブログ関連

2019/4/7

クリックでその場に画像を拡大表示!ホームページに「LightBox」機能を実装する方法

画像をクリックすると、 別ページに飛ぶことなくその場で拡大表示してくれるjQueryの有名プラグイン「LightBox」を ホームページに実装する方法について、簡単に解説します! ▼ 実装例(画像をクリックすると拡大します) ①「LiteBox Plus+」プラグインのダウンロード 「LightBox Plus+」のダウンロードサイトへ行き、下の方にスクロールすると見える Downloadボタンを押して「lightbox_sample.zip」という.zipファイルをダウンロードしてください。 ダウンロー ...

HP・ブログ関連

2019/8/10

超簡単!ホームページにスライドショー機能を実装する方法(JQuery)

自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい! という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します! ちなみに導入に成功すると↓このようなスライドショーが実装されます(GoogleChrome, IE11, IOS動作確認) ▼こちらのスライドショーもおすすめ! ふかふか交易所ホームページにサムネイル付きスライドショーを簡単に設置する方法(jQuery)ホームページやブログに設置した「bxslider」のスライドショーに簡単なカスタマイズを ...

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