jQueryの初心者です。
Dwで自己流でコピペとカスタマイズで社内のWebサイトを作っています。
よろしくお願いいたします。
前提・実現したいこと
fotoramaを使っています。
サムネイル付きのスライダーで、サムネイルを自動で再生しています。
サムネイルの上に表示されている写真をクリックして別のURLページにリンクさせたいです。
該当のソースコード
現在下記のソースコードです。
HTMLソース
<div class="fotorama" data-nav="thumbs" data-thumbheight="90" data-thumbwidth="149"data-autoplay="true" data-stopautoplayontouch="false"> <a href="img/01.jpg"><img src="img/01-s.jpg"> <a href="img/02.jpg"><img src="img/02-s.jpg"></a> <a href="img/03.jpg"><img src="img/03-s.jpg"></a> <a href="img/04.jpg"><img src="img/04-s.jpg"></a> </div>
試したこと
fotoramaでぐぐったページに理想に近いのをコピペしてみましたがダメでした。
HTMLソース
<a href="img/01.jpg"><img src="img/01-s.jpg"><a href="../test/test.html#test01"></a> <a href="img/02.jpg"><img src="img/02-s.jpg"></a> <a href="img/03.jpg"><img src="img/03-s.jpg"></a> <a href="img/04.jpg"><img src="img/04-s.jpg"></a>
css
.fotorama__html a { display: block; height: 100%; /* Transparent links are not clickable in IE, but non-existent background fixes this. (Put an empty 1×1 image here to avoid errors in console.) */ background: url(_.gif); }
上記の
1×1スペーサの imageを入れると書かれていますが、どこに入れたらいいかがわかりません。
回答2件
あなたの回答
tips
プレビュー