1

jQueryで画像ギャラリーを作成する方法を学んでいます。画像ファイルのパスは、最終サイトの場合です。

<img src="images/gallery/refraction_thumbnail.jpg"/></a>

しかし、テストのためにChromeブラウザにローカルに読み込んでいると、画像がこのファイルパスにあるため、画像が表示されません。

file:///Users/name/Desktop/myGallery/images/gallery/refraction_thumbnail.jpg

すべてのファイルパスリンクを手動で変更せずに、画像をローカルブラウザにロードする便利な方法はありますか？

/たとえば、「画像」の前に置くだけでうまくいくのではないかと思いましたが、うまくいきませんでした。

4

3 に答える 3

2

HTMLでは実際に正しいパスを使用する必要があります。

fileただし、プロトコルを使用していることがわかりますので、実験しているだけです。その場合、あなたはあなたのためにそれをするためにいくつかの汚いjQueryコードをノックアップすることができます。

$('img').attr('src', function(index, src) {
    return 'file:///Users/name/Desktop/myGallery/' + src;
});
于 2011-05-20T02:45:13.463 に答える
0

サイトがfile：/// Users / name / Desktop / myGalleryに保存されている場合は、機能するはずです。おそらく、srcを./images/gal ....に変更して、現在のディレクトリを探すために./を追加します。2番目の方法は、ApacheなどのWebサーバーをセットアップし、そこからページを呼び出すことです。私は自分の本番環境を可能な限り開発マシンにミラーリングしようとする傾向があります。

于 2011-05-20T02:46:09.747 に答える
0

'/'でパスを指定すると、ルートディレクトリに移動します。仮想サーバーを実行している場合を除き、これがハードドライブのルートになります（必要なものではありません）。

サイトが配置されているフォルダーから仮想サーバーを実行し、リンクの前に「/」を付けることをお勧めします。すべてのオペレーティングシステム用に、簡単にセットアップできる無料の仮想サーバーがたくさんあります。:)

これにより、実際のサーバーにアップロードするときにリンクを変更する必要がなくなります。

于 2014-05-26T13:15:34.800 に答える