Как загружать картинку при открытии TAB?

Question

[Андрей Борчик]

Сайт Arthata.by
Внизу сайта есть tab-ы с картами городов.


Карты в виде изображений.
Как сделать загрузку изображений не при загрузке страницы, а при открытии табов?

Код табов:

<div class="maps">
                <!-- Tab -->
                <input id="tab-1" type="radio" name="tabs" checked>
                <label for="tab-1">Минск</label>
                <!-- Tab -->
                <input id="tab-2" type="radio" name="tabs">
                <label for="tab-2">Могилёв</label>
                <!-- Tab -->
                <input id="tab-3" type="radio" name="tabs">
                <label for="tab-3">Гомель</label>
                <!-- Tab -->
                <input id="tab-4" type="radio" name="tabs">
                <label for="tab-4">Брест</label>
                <!-- Tab -->
                <input id="tab-5" type="radio" name="tabs">
                <label for="tab-5">Гродно</label>
                <!-- Tab -->
                <input id="tab-6" type="radio" name="tabs">
                <label for="tab-6">Витебск</label>
                <!-- Map / BEG -->
                <div class="map" id="map-1">
                    <!-- Yandex
                    <div class="map-yandex">
                        <script  async src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=qgJUsFrA_Jhqf_pKvnjMf_PIWxQu-yXr&width=100%20&amp;height=460"></script>
                    </div>
				-->					
                    <!-- Info -->
                    <div class="map-info">
                        <span class="map-logo"><img src="/themes/arthata_new2/theme/logo.png" alt="Arthata.by" /></span>
                        <span class="map-address">г. Минск, пр. Независимости,<br />дом 172, офис 3</span>
                        <span class="map-address">Вход около магазина «Мила» (метро Уручье)</span>
                        <span class="map-address">Время работы: 10:00 - 19:00, Пн-Пт</span>
                        <span class="map-footer">Главный офис Arthata.by</span>
                    </div>
                </div>
                <!-- Map / END -->
                <!-- Map / BEG -->
                <div class="map" id="map-2">                   
                    <div class="map-info">
                        <span class="map-logo"><img src="/themes/arthata_new2/theme/logo.png" alt="Arthata.by" /></span>
                        <span class="map-address">г. Могилев и Могилевская область<br /></span>
                        <span class="map-address">Отправка службой EMS на дом или Белпочтой</span>
                        <span class="map-address">Время работы: 10:00 - 20:00, Пн-Сб</span>
                    </div>
                </div>
                <!-- Map / END -->
                <!-- Map / BEG -->
                <div class="map" id="map-3">
                    <div class="map-info">
                        <span class="map-logo"><img src="/themes/arthata_new2/theme/logo.png" alt="Arthata.by" /></span>
                        <span class="map-address">г. Гомель и Гомельская область</span>
                        <span class="map-address">Отправка службой EMS на дом или Белпочтой</span>
                        <span class="map-address">Время работы: 10:00 - 20:00, Пн-Сб</span>
                    </div>
                </div>
                <!-- Map / END -->
                <!-- Map / BEG -->
                <div class="map" id="map-4">
                    <div class="map-info">
                        <span class="map-logo"><img src="/themes/arthata_new2/theme/logo.png" alt="Arthata.by" /></span>
                        <span class="map-address">г. Брест и Брестская область</span>
                        <span class="map-address">Отправка службой EMS на дом или Белпочтой</span>
                        <span class="map-address">Время работы: 10:00 - 20:00, Пн-Сб</span>
                    </div>
                </div>
                <!-- Map / END -->
                <!-- Map / BEG -->
                <div class="map" id="map-5">
                    <div class="map-info">
                        <span class="map-logo"><img src="/themes/arthata_new2/theme/logo.png" alt="Arthata.by" /></span>
                        <span class="map-address">г. Гродно и Гродненская область</span>
                        <span class="map-address">Отправка службой EMS на дом или Белпочтой</span>
                        <span class="map-address">Время работы: 10:00 - 20:00, Пн-Сб</span>
                    </div>
                </div>
                <!-- Map / END -->
                <!-- Map / BEG -->
                <div class="map" id="map-6">
                    <div class="map-info">
                        <span class="map-logo"><img src="/themes/arthata_new2/theme/logo.png" alt="Arthata.by" /></span>
                        <span class="map-address">г. Витебск и Витебская область</span>
                        <span class="map-address">Отправка службой EMS на дом или Белпочтой</span>
                        <span class="map-address">Время работы: 10:00 - 20:00, Пн-Сб</span>
                    </div>
                </div>
                <!-- Map / END -->
            </div>
            <!-- Maps / END -->