1つのウェブページへのマルチjQueryスライダー挿入法

このチュートリアルステップでは複数のjQueryスライダーをHTMLエディター内であなたのウェブページへ作成挿入する方法についてご説明します。 jQuery SlidersheをWordPressとJoomlaウェブサイトへ追加するには以下のチュートリアルをご覧ください:

ステップ1 - 異なるIDでAmazing Slider内で複数のjQueryスライドショーを作成する方法

複数のスライドショーを1つのウェブページへ挿入するためには一つのIDで各スライダーを作成する必要があります。 Amazing Slider、公開ダイアログ内でフォルダーへ公開オプションを選択、ブラウズをクリックしてスライダーファイルを保存するためにフォルダーを選択します。

  • 各スライダーに1つのスライダーIDを設定しなければなりません。
  • もし一つのフォルダーに複数のスライダーをエキスポートするためには、各スライダーにユニークなスライダーファイル名を特定する必要があります。
jQueryスライドショーメーカー

ステップ2 - スライダーを表示したいウェブページと同じフォルダーへ作成したファイルやフォルダーを全てコピーまたはアップロード

このステップでウェブページと同じフォルダーへ作成されたファイルの全てをアップロードまたはコピーしなければなりません。これにはhtmlファイルと画像、スライダーエンジンフォルダーを入力してください。

jQueryスライドショーメーカー

ステップ3 - HTMLコードをウェブページのヘッドセクションに編集して挿入

作成されたHTMLファイルをあなたのHTMLエディターで開きヘッドセクションからコードをコピー、</head> タグの前にウェブページへそれらをペーストします。2つ目とそれに続くコード内でjquery.jsとamazingslider.jsへの複製レファレンスは削除しなければなりません。

jQueryスライドショーメーカー

最終ステップ - HTMLコードをスライドショーを表示したいボディセクションに挿入

HTMLコードをボディセクションからコピー、スライドショーを表示したいウェブページへそれらをペーストします。

jQueryスライドショーメーカー