スワイパーの使い方を教えてください。

Question

自分のHPサイトに

下記のようなスライダーを作りたいのですが。
CSSとHTMLの記述が素人すぎてわかりません。

どなたかご教授ください。。
エディタでスワイパー部分のHTML/css/javaの書き込み
画像ファイルはhttpに変換
画像サイズは例えば１コマ350pix*350pixの場合

Slide1〜10をサンプルとします。

よろしく願い致します。
ど素人です。

var mySwiper = new Swiper('.swiper-container', {
effect: 'coverflow',
slidesPerView: 3,
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: false,
reverseDirection: false
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true
}
});

Comments

[makosankibu]

なんのライブラリを使用しているのか(公式ページのリンク含め)を明記してください。
質問編集画面にマークダウン記法の説明が乗っているのでそれを参考にしてコードをコードブロックで囲ってください。

[Lhankor_Mhy]

『画像ファイルはhttpに変換』とは、どのような意味ですか？
具体的に例を挙げて示していただけますと助かります。