私はこのような<code><img></code> html要素に新しいラベルを追加したいのjavascript

Question

内の画像のための新しいタグを作成しますか？

Answer 1

ような何かを行うことができますこのチュートリアルをご覧くださいhttp://www.inserthtml.com/2012/03/creating-css-image-ribbons/

Answer 2

あなたは、私はそれを行うためのプラグインを見つけていませんでしたが、あなたは最初からそれを行うことができ、この使用してCSS

#par { 
 
    position: relative; 
 
} 
 
#par img { 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 
#tri { 
 
    left: 0; 
 
    top: 0; 
 
    position: absolute; 
 
    width: 0; 
 
    height: 0; 
 
    border-top: 100px solid red; 
 
    border-right: 100px solid transparent; 
 
} 
 
#tri:before { 
 
    content: 'New'; 
 
    position: absolute; 
 
    left: 23px; 
 
    top: -68px; 
 
    transform: rotate(-45deg); 
 
}

<div id="par"> 
 
    <img src="https://pixabay.com/static/uploads/photo/2016/01/23/16/02/experimental-1157660_960_720.png" /> 
 
    <div id="tri"></div> 
 
</div>

For more css shapes take a look at here