ヒロユキ0aishipRは、レスポンシブECカートをもった国内唯一のASPです。pro」を入れてみたいと思います。aishipRの簡単な紹介aishipRでは、通販サイト運営の方が簡単にECサイトを立ち上げることができ、サポート体制やマニュアルもしっかりとしているので、初心者でも安心してサイト構築と運営ができるASPとなっています。何と言ってもこのスライダー最大の魅力がオプションの多さです。画面サイズによってレイアウト変更可能MITライセンスなどなど。ありがたいのは、CSSなどを調整しなくても、オプションの付け替えでほぼ対応できるという点です。aishipRにバッチリなのです。今回の制作のスライダーは、レスポンシブ対応で、3枚の画像から成るサムネイル付きのスライダーにしようと思います。下の添付を参照してください。pro」をダウンロードし、ファイルを読み込む配布元ページの以下の赤枠のリンクよりダウンロードします。必要なのは、distフォルダのみです。jquery.sliderPro.min.jsダウンロードしたフォルダを展開して、中身を確認したらhead部分に読み込みをします。※今回はトップページに入れます。進みtopの編集を選択します。「head内挿入」の下部に以下ソースコードを挿入します。src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>1行目は、Webフォントを読み込んでいます。Webフォントは、スライダーの左右の矢印に使用しています。2行目は、jQueryを読み込んでいます。次に、ダウンロードしたファイルを読み込みますが、aishipRは画像以外の外部ファイルを標準機能では配置することができません。slider-pro.cssファイルを追加します。jquery.sliderPro.min.jsファイルを追加します。追加が終わったら、保存をしておいてください。後ほど紹介いたします。「機能パーツ」メインスライダーを作成css、jsファイルの読み込みが終わったら、スライダー画像を用意します。縦幅500pxで用意しました。