php - 画像がクリックされたときに bpopup を開く必要がある

Question

ボタンをクリックするのではなく、画像がクリックされたときにポップアップを開こうとしています。どうすればそれができますか？

画像がカテゴリごとに読み込まれ、画像をクリックすると bpopup が表示され、製品の詳細が表示される、ギャラリーのようなものです。

私はそれを試しました.フィドルファイルhttp://jsfiddle.net/psps/NhRHC/を確認してください/ 私が今直面している問題は、最初の画像クリックで開きますが、2番目の画像では開きません。

HTML

<img id="my-button" src="http://placehold.it/200&text=A">
<img id="my-button" src="http://placehold.it/200&text=B"> 
<!-- Element to pop up -->
<div id="element_to_pop_up">
    <a class="b-close">x<a/>
    Some text
</div>

CSS

#element_to_pop_up { 
    background-color:#fc0;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

JS はそのjfiddleリンクにあります。