http://bxslider.com/examples/thumbnail-pager-1
上記のjsプラグインでHPのスライドショーを作っています。
一応、うまくできましたが。ソースの122行目
<li><img src="/images/730_200/tree_root.jpg" /></li>
この画像にリンクをはるために、 <li><a href="●●●●.html"<img src="/images/730_200/tree_root.jpg" /></a></li>
と入力してアップロードしなおすと、スライドショーができなくなります。
何がいけないのでしょうか。お願いします。
No.2ベストアンサー
- 回答日時:
スクリプトの内容を読むのは面倒なので、実験だけしてみました。
demoのHTMLほかをそのままコピーして…
拡大画像の方はul要素全体でスライドしているだけのように思えるので、そちらの画像にそれぞれリンクを付加えて試してみたところ、とりあえずはそのままリンクも機能するようです。
全ての条件で確認したわけではないので、不具合がでるのかどうかまではわかりませんが、リンクを設定しても動作するように思われます。
似たような記述がいろいろあるので、class="bx-viewport"内のものが拡大画像に該当すると思います。(念のため)
No.1
- 回答日時:
<li><a href="●●●●.html"<img src="/images/730_200/tree_root.jpg" /></a></li>
これが質問する再にミスったのならこう直せばいいと思うけど
<li><a href="●●●●.html"><img src="/images/730_200/tree_root.jpg" /></a></li>
こうしてもリンクできないんだったらそういうプラグインだってこと。
プラグインの中身見てないけど、画像をクリックしたら大きい画像が変わるようになっているところを見るとクリックのイベントがプラグインによっていじられてるから、リンクを入れても働かないと思うよ。
だいいち、リンクをはっちゃったらクリックしたときにページ飛んじゃうと思うんだけど。
それでもやりたいならプラグインの改造が必要。
この回答への補足
ありがとうございます。
小さい画像をクリックすると上に大きい画像がでてきますよね。
その大きい画像をクリックすると、対象のページに移動できるようにすることができたら理想なのですが、
それが無理だと、僕のやろうとしているものができないので困っています・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Slick.jsのオプションrtlについて
-
キャラクターがぴょこんと飛び...
-
スライドショーの画像にリンク...
-
以前、ロールオーバー効果につ...
-
エンドロールを枠の中で表示す...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
スクロール可能なチェックボックス
-
「戻る」「進む」ボタンで画像...
-
JSPでの画像ファイル表示
-
c++std::string型をTCHARに変換...
-
ダイアログから画像ファイルは...
-
javascriptテキストBOX色を元に...
-
removeAttribute()メソッドで削...
-
一定時間で画像とリンク先を変...
-
「jQuery」アコーディオンメニ...
-
jQuery の jqPlotプラグイン
-
表と裏がある1枚の画像を回転す...
-
外部スタイルシートをメモ帳で...
-
かぶらないランダム画像
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Slick.jsのオプションrtlについて
-
キャラクターがぴょこんと飛び...
-
【jQuery】2分割レイアウトで、...
-
スライドショー「Skitter」をカ...
-
スライドショーの画像にリンク...
-
画像をフェードアウト&フェー...
-
Dreamweaver上とデバイスプレビ...
-
アコーディオンメニューが開い...
-
神経衰弱 順番に裏返し
-
楽天APIのデータをjqueryのgetJ...
-
swiper.jsについて
-
エンドロールを枠の中で表示す...
-
順番にクラスをつけていく方法
-
画像にマウスを乗せた時のJava ...
-
bxsliderでスライドショーの間...
-
複数の要素へ appendchild でき...
-
jQueryでタブ、スライダーを使...
-
SimplyScrollについて
-
bxSliderのランダム表示について
-
javascript 神経衰弱
おすすめ情報