есть 4 разных картинки на сайте.
поставил скрипт : http://dinbror.dk/bpopup/
по нажатию идет открытие картинки в увеличенном виде с текстом.(другой блок с контентом)

все работает, контент у меня один и тот же для всех картинок, а вот сами картинки должны отличаться, в зависимости от нажатой картинки.

пример 2-х картинок которые надо нажимать:

<img id="my-button1" src="images/dk/gun_metal.jpg" width="150" height="166" />
<img id="my-button2" src="images/dk/snow_white.jpg" width="150" height="166" />

сейчас по нажатию на любую из этих картинок открывается следующий блок:

<div id="element_to_pop_up">
  <img width="300" height="400" src="images/big_images/gunmetal.jpg" alt="">
    <h4>Product Description</h4>
     some text..
</div>

скрипт:

         // DOM Ready
        $(function() {
            // Binding a click event
            // From jQuery v.1.7.0 use .on() instead of .bind()
            $('#my-button1,#my-button2,#my-button3,#my-button4').bind('click', function(e) {

                // Prevents the default action to be triggered.
                e.preventDefault();

                // Triggering bPopup when click event is fired
                $('#element_to_pop_up').bPopup({
                   modalClose: true
                   //opacity: 0.9

                });
            });
        });

так вот как мне сделать что бы по нажатию на #my-button1 открывался блок с путем к картинке:
<img width="300" height="400" src="images/big_images/gunmetal.jpg" alt="">
а, с #my-button2 другой путь ??
в JS не шарю..