クリックした画像の部分に基づいて7つの異なるリンクが必要な画像が1つあります。レールを使ってどうやって行くのですか?今後の参考のために1つの画像から複数のリンクを得る方法
答えて
は、あなたが「イメージマップ」の話をしている - これらのさまざまなチュートリアルがあります、例えば私の知る限りイメージマップがそうであるように、これは、実際にレールの質問ではありません知っているよう http://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/
完全にフロントエンドのもの:jsのように、ブラウザに表示されているページにのみ関連しています。レールに関する限り、リンクをクリックすると、そのリンクがイメージマップ上にあったかどうかは気にしません。
これは、ビューテンプレートに入れる生のHTMLの一部です。
イメージマップをデータ駆動型にすることができます。たとえば、イメージファイル名をdbに保存し、マップデータをdbに保存するには、image_mapsテーブルを使用します。たとえば、フリッカーのようにイメージマップをユーザーが編集できるようにしたい場合は、これを行うだけです。 (フリッカーでは、既存の写真に長方形を描き、テキストでタグ付けすることができます)
これはjavascript/flashタイプのものです。リンクが必要な場所を正確に知っていて、特定の位置にあるテキストとのリンクを生成するだけなので、ユーザーがクリックする領域を探していない場合、divでリンクを配置することができます。
あなたはフラッシュアプリケーションを作成する必要があるか、javascriptの回避策を行う必要がありますように私に音。これはRailsタイプの問題ではないので、あなたのソリューションはRuby/Railsから来ないでしょう。
だけのroot_pathを設定/ routes.rbを内のリソースとして、ホームページやリソース1のように定義された必要なURL
<img usemap="image_link" src="..." alt="" width="235" height="32" style="display: block;" />
<map name="image_link">
<area href="<%= url_for root_path %>" alt="Home" coords="0,0,189,19" shape="rect" />
<area href="<%= url_for :controller => "post", :action => "all" %>" alt="All posts" coords="190,0,386,22" shape="rect" />
<area href="<%= url_for new_resource1_path %>" alt="New resource1" coords="387,0,657,23" shape="rect" />
</map>
を生成するなurl_forを使用しています。
- 1. xmlから複数の画像を取得する方法
- 2. 1つの変数から複数の値を取得する方法は?
- 3. (RoR)複数のアプリケーション、複数のURL、1つのデータベースをリンクする方法
- 4. 複数の画像を1つの図形で表示する方法は?
- 5. zxingライブラリを使用して1つの画像から複数のqrコードを読み取る方法
- 6. フェードインアニメーションとフェードアウトアニメーションのスライドショーのように、キャンバスに複数の画像を1つずつ描画する方法
- 7. CakePHP複数のファイルアップロードフィールドのみ1つの画像をアップロードする
- 8. SurfaceViewを使用して1つの複合画像を描画する方法
- 9. 複数のワークシートを1つのワークブックにマージする - 画像エラー
- 10. Mysql 1つのクエリを使用して複数のコレクションと最新の画像をデータベースから取得する
- 11. 1つの画像ストリームから複数のサムネイルを効率的に生成
- 12. 複数のYouTube動画を1つにマージする方法
- 13. 1つのTextViewに複数の画像がありますか?
- 14. iPhoneの画像ギャラリーは、1つだけの画像を複数回
- 15. PHP - 複数のフォルダからランダムな画像を取得する
- 16. URLから複数の画像を取得する[PHP]
- 17. 1つの正方形の画像から長方形のuibutton
- 18. 変更1つの画像の境界を複数回
- 19. 1つのページに複数のjQuery画像パンを作成
- 20. 1画像ビューの複数のアニメーション
- 21. 1つのアクティビティから別のアクティビティに画像を保存する方法
- 22. 画像を1つのリストビューから別のリストビューにアンドロイドでドラッグする方法
- 23. python:1つのsubplot2グリッド画像の複数のプロット
- 24. 複数の画像を1つにまとめて
- 25. 2つの画像を使用して1つの画像ビューで画像を拡大/縮小する方法
- 26. 複数の画面の画像を縮小する方法は?
- 27. 複数のウェブカメラをビデオポッドキャストの1つの画像としてブロードキャストする方法はありますか?
- 28. 複数の主キーを1つのアプリケーションにリンクする方法は?
- 29. 1つのリンクに複数のURLターゲットを作成する方法
- 30. LeavesViewControllerの1ページに複数の画像を表示する方法は?
これは良い解決策のようです。 – s84
私はこのリンクを早く見つけましたが、hamlのソリューションを実装する際に問題があります。 – janegee