bgstretcher矢印は表示できますか？

Question

WEBサイトでbgstretcherを使ってトップスライドを作っているのですが、
両サイドにページ送りの矢印を出すことは可能なんでしょうか？
ネットで検索しても情報が出てこなかったので、分かる方いたら教えて下さい。
宜しくお願い致します。

Answer 1

$('body').bgStretcher({
		images: ['./img/img1.jpg', './img/img1.jpg', './img/img1.jpg', './img/img004.jpg'], 
		buttonPrev: '#prev',
		buttonNext: '#next'
	});

このように引数でbuttonPrevとbuttonNextにセレクタ指定したものをページ送りのボタンに設定できます。
ただし、表示枠の両サイドにボタンは配置される仕様ではなく、あくまでも機能をもたせるだけなので、配置はご自身でCSSを書く必要があります。
矢印を出したい場合は画像やSVGなどを使うと良いと思います。

Comments

[sayuboo]

gogojp様

ご回答ありがとうございました。
無事、実装できました！