メシのタネ

めしのたねになるIT情報配信サイト


sliderproの画像をクリックしたら別のページへ飛ばす方法

, ,

  1. Webプログラム
  2. javascript
  3. sliderproの画像をクリックしたら別のページへ飛ばす方法

jQuery11
sliderproでリンクをつけようと思ったら、上手く行かないので、ライトボックスっぽい奴を動かしてるプログラムに無理やりurl取得してlocation.hrefしてリンクを飛ばしました。

問題のコード

ものが動かないのでコードだけで。
とりあえず設定値やsliderproの詳しい説明は、ここに全部載ってる

パラメータで何とかならないのかな

Githubにあるサンプルを見てると、ふっつーにAタグで囲んでるんですよね。これでリンク飛べてるのか、コードだけでそのDEMOが無いから分からんのですけど、IE8もエミュレーター上では対応してるこの丁寧なプログラムに限って画像クリックしたらリンク飛べないみたいなことは無いと思うんです。なんか設定値があると思うんですけどねー。わかんないので、もう無理やりです。問題起きなきゃ良いなぁ・・・。


“sliderproの画像をクリックしたら別のページへ飛ばす方法” への2件のフィードバック

  1. jonのアバター
    jon

    同じような現象で当該記事に行き着いた者です。

    「touchSwipe」をtrueの状態で「class=”sp-image”」をaタグでリンクにした場合、
    リンク機能が正常だったり、無効になったりと特に記述を変えていないのに挙動が安定しない状態となっている。
    「touchSwipe」をfalseにすればリンク機能は正常になるが「touchSwipe」を有効の状態でかつリンクも機能するのがベスト・・・。

    一体何が要因なのか特定出来ていない。

  2. mikadukiのアバター
    mikaduki

    コメントどうもです。touchSwipeがfalseだとってAタグ効いたんですね。
    場当たり的な対処ですけど、キャプションのpタグの中にAタグ入れてイベント設定しております。ただ、画像をクリックしたらリンク先へ飛ぶってなるとお手上げですねぇ…。お力になれず申し訳ない。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

若い頃、「仕事中にハマったこと」や「誰かに共有したい技術的な気づき」をアウトプットしたくてブログを始めましたが、勢い任せでよく分からない記事を大量生産し、あえなく飽きて終了。

改めて今、キャリア15年分の経験や知識が、これからITエンジニアを目指す方や、同じような課題で悩んでいる現役エンジニアの「メシのタネ」になるような記事を残したいと思っています。
※過去の記事は見ると精神が崩壊するため、そっとしておいてください。

🛠 経歴という名の珍道中:
文系Fラン → 広告営業 → Web営業 → 通信営業 → Web進行 → 出版 → Web媒体運用 → ソフトウェアハウス → SES → フリーランス

専門教育も受けず、転職歴も多数。履歴書はまるで時系列の事故記録のようですが、試行錯誤を重ね、なんとかエンジニアとして食べています。

このブログでは、そんな「履歴書クラッシャー型エンジニア」が送る、
名古屋一敷居の低い、実務に役立つ技術ブログを目指します。

Laravel
LaravelのサービスコンテナとDI、「書いてるだけで動く」コードの正体New!!
Laravel
Laravelのアーキテクチャ、実は誰もわかってない説New!!
ガジェット
【解説】Bluetoothヘッドホンでマイクが使えない理由と回避策まとめ(Mac対応)New!!
Laravel
Laravel Collection入門: mapとeachの違い、ちゃんと説明できますか?New!!
Laravel
Eloquentのリレーション徹底解説New!!
Laravel
Eloquentは知ってる。でも“理解してる”って言えるのか?New!!