jqueryコンピュータから画像を追加する方法

Question

私はウェブサイトで作業しており、自分のギャラリーを作成しています。 しかし、コードには少し問題があるようです。 自分の写真を自分のコンピュータから追加して、適切な幅と高さを持つようにします。 ここにコードです。私はCSSでカバーしようとしましたが、いくつかの画像が大きすぎて、フィット感がありません。読んでいただきありがとうございます。

<script type="text/javascript"> 
$('#button1').click(function() 
{ 
$('#gallery').css("background-image", 'src=C:\Users\Eigenaar\Desktop\Nieuwe map\luffy'); 
//luffy serieuse kop 
}); </script> 

、これは

<script type="text/javascript"> 
$('#button2').click(function() 
{ 
$('#gallery').css("background-image", "url(http://vignette3.wikia.nocookie.net/mvl/images/e/e9/Luffy-One-Piece.png/revision/latest?cb=20140221162732"); 
//luffy lachende kop 
}); </script> 

は、私はしたいものを知って、幅と高さの問題は、私自身の画像を追加する方法であるため、私の第二ボタンウィッヒは完全に罰金だけでなく、したいの変化作品です。

Answer 1

使用するイメージパスは、コンピュータ上のイメージの実際のパスであってはなりません。イメージに到達するために使用する特定のhtmlファイルのパスである必要があります。私が含まれているディレクトリを持っていた場合、例えば

'src=C:\Users\Eigenaar\Desktop\Nieuwe map\luffy' 

：

index.html 

img.jpg 

index.htmlがsrc='img.jpg'を使用してimg.jpgを表示することができ、ここで

あなたのリンクが問題です。

しかし、私はこのように、index.htmlには、イメージファイルが含まれている「画像」というディレクトリと同じレベルにあるディレクトリを持っていると想像：

index.html 

images 
    img.jpg 

次に、表示するために、画像src='images/img.jpg'を使用します。

ほとんどの場合、人々は自分のWebサイトイメージをすべてindex.htmlファイルと同じフォルダに保存しているので、フォルダから直接引き出すことができます。

希望すると便利です。

ボーナス学習ノート：

.. "ディレクトリを行く" を意味します。これは、htmlファイルからimagesフォルダに直接アクセスできない場合に便利です。たとえば、場合、あなたのディレクトリは、このように見えた：

html 
    index.html 

images 
    img.jpg 

あなたが最初imagesフォルダを入力してimg.jpgを表示する前にディレクトリを移動する必要があります。次に、ファイルパスはsrc='../images/img.jpg'になります。