2017-07-05 10 views
0

イメージアドレスに「data-full」および「data-thumb」という属性を追加したいとします。したがって、たとえば:srcイメージから作成されたイメージのDATA属性

<img data-full="images/photo.jpg" data-thumb="images/photo.jpg" src="images/photo.jpg"> 

残念ながら、私の試みは失敗に終わります。

私を助けてください。

+0

PHPかJqueryですか? –

+0

どのような障害ですか? data-fullとdata-thumbはHTML仕様では定義されていないため、期待される動作は何もありません(= のためにブラウザに画像を表示しています)。さて、私たちは、あなたが何を期待しているのか、そしてなぜ(例えば、あなたが「そのライブラリ」を使用しているために)似たようなものかを知る必要があります。そして、あなたは "私の試みは失敗で終わる"ものを教えてください:ブラウザのクラッシュ?ブルースクリーン?メッセージボックス? –

答えて

0

あなたはjqueryの使用している場合、あなたはこのようにそれを行うことができます。

これは私が応答で遅れを謝罪あなたのjqueryのに続いて

$(#myPhoto).attr('data-full', 'images/photo.jpg'); 
$(#myPhoto).attr('data-thumb', 'images/photo.jpg'); 
0

<img id="myPhoto" src="images/photo.jpg"> 

あなたのhtmlです。私は、誰かがその件名に何かを書いたことが通知されると思った。

私はウェブサイトにhttps://github.com/HemantNegi/jquery.sumogalleryを実装したいと思います。 "私の試行は失敗で終わります。"それは私がよく書くことができないことを意味します。

号私のHTMLは次のとおりです。彼らは異なるディレクトリからなので、

... 
<li><img src="images/o6/photo.jpg"></li> 
<li><img src="images/o7/photo2.png"></li> 
<li><img src="images/23/image1245.jpg"></li> 
... 

画像のアドレスが異なっています。 結果を受け取って欲しいです:

... 
<li><img data-full="images/o6/photo.jpg" data-thumb="images/o6/photo.jpg" src="images/o6/photo.jpg"></li> 
<li><img data-full="images/o7/photo2.png" data-thumb="images/o7/photo2.png" src="images/o7/photo2.png"></li> 
<li><img data-full="images/23/image1245.jpg" data-thumb="images/23/image1245.jpg" src="images/23/image1245.jpg"></li> 
... 
関連する問題