1

だから私はモデル ビュー コントローラー (MVC)プロジェクトを開発しています。サイズと複雑さのため、整理を確実にしようとしています。私はユニークな難問に出くわすことができました。私の問題は、自分のサイトに統合しているJquery Rotatorから引き出されています。

私のソリューションエクスプローラー

  • コンテンツ : この特定のフォルダーには、3 つの直接のサブフォルダー、、、 ImagesおよびScriptsが含まれていますStylesheets

これらの 3 つのサブフォルダーには、より具体的で詳細な内容が含まれています。例として、このjQuery実装のためにScripts呼び出される別のフォルダーが含まれています。Rotator

したがって、ジレンマはView内で発生します。

このView内の例:

<div class = "banner-style">
     <div id = "Infinite-Banner">
          <div class = "banner-container">
                <div class = "slides">
                      <img src = "~/Content/Images/Banner/Slides/One.jpg">
                      <img src = "~/Content/Images/Banner/Slides/Two.jpg">
                </div>
          </div>
     </div>
</div>

したがって、この構造内では、 Imagesをロードするようには見えません。ディレクトリに適切にマップされていますが。ただし、上記と同じ構造を使用し、そのimg部分を次のように変更した場合:

<div class = "slide-one" />
<div class = "slide-two" />

次に、相関するStylesheetで、魔法のように表示される Element background: url(~/Content/Images/Banner/Slides/One.jpg);に対して を定義するだけです。slide-one

したがって、これは入れ子が原因であると私は信じていますdiv slidesしかし、適切な効果を生成できるように、間に内部要素を構築する必要があるため、あまり意味がありません。

もう 1 つのアイデアは、modelすべてのリレーショナル イメージ データをマップする を作成することです。しかし、それは非常に多くの作業のようです。

これは私のマシンに固有の制限または問題ですか? このような問題の最善の回避策は何でしょうか? これは本当に、私がフォルダに取った構造によるものですか?

4

1 に答える 1

5

Url.Content次の方法を試してください。

<img src="@Url.Content("~/content/images/banner/slides/one.jpg")" />

実際の URL がどのように構築されているかを投稿しませんでしたが、ヒットしているコントローラーが相対パスで使用されているため、パスが間違っていると思います。

于 2013-05-31T20:46:35.960 に答える