Создание простого кода «нажмите на миниатюру, измените основное изображение» - PullRequest
Новая
       6

Создание простого кода «нажмите на миниатюру, измените основное изображение»

2 голосов
/ 20 октября 2011

Я пытаюсь изменить основное изображение в зависимости от того, какое изображение щелкнуло. Я бы хотел, чтобы основное изображение получило новый src из тега миниатюры, по которой щелкнули.

Я видел другие методы, использующие attr, src, но в каждом случае они вручную указывают новый "src", как я могу получить код для получения src из тега миниатюры, на которую нажали?

Буду очень признателен, если кто-нибудь сможет мне показать, спасибо.

EDIT:

Попытка изменить заголовок основной фотографии, получение новой подписи из уменьшенного изображения / Мой упрощенный код выглядит следующим образом 

         <img src="{hotel_main_photo}" id="main_photo" class="view_page_photo frame"      width="420" height="320" alt="{title}" />

        <p>{main_caption}</p>

        <div id="thumbnails">

            <img src="{thumb}" width ="" height="" alt="" />

                            <p>{thumb_caption}</p>

            {/hotel_other_photos}

        </div>

Я в основном пытаюсь изменить 'main_caption', чтобы отобразить thumb_caption пиктограммы, по которой щелкнули. Я мог бы сохранить thumb_caption в качестве заголовка или alt, если это поможет?

Еще раз спасибо

ВНОВЬ ИЗДАНО (!)

Я думаю, что по предложению Джеймса я как-то понял это следующим образом

.

$ ( "# main_caption") текст ($ (это) .attr ( "альт"));

1 Ответ

1 голос
/ 20 октября 2011

Что-то вроде этого должно сработать: 

$(".thumbnail").click(function() {
    $("#mainImage").attr("src", $(this).attr("src"));
});

Он просто получает src элемента .thumbnail, по которому щелкнули, и использует его как значение src #mainImage.

...