Как я могу использовать "usemap" с загрузочной каруселью - PullRequest
Новая
       32

Как я могу использовать "usemap" с загрузочной каруселью

0 голосов
/ 23 февраля 2019

Моя карта использования работает только для первого слайда.Все слайды после этого не имеют прикрепленных usemaps, это очень странно. 

<map name="kubota-desktop-map">
                    <area target="_blank" alt="Kubota-Details" title="" href="google.com" coords="70,1025,342,1097" shape="rect">
                    <area target="_blank" alt="" title="" href="google.com" coords="358,1025,633,1097" shape="rect">
                    <area target="_blank" alt="" title="" href="https://www.kubotausa.com/ " coords="1564,1009,1939,1113" shape="rect">
                </map>              
                <map name="kubota-mobile-map">
                    <area target="_blank" alt="" title="" href="https://www.kubotausa.com/finance/special-offers" coords="29,475,176,515" shape="rect">
                    <area target="_blank" alt="" title="" href="google.com" coords="184,476,332,515" shape="rect">
                    <area target="_blank" alt="" title="" href="google.com" coords="389,468,575,521" shape="rect">
                </map>
                
                <map name="tractor-desktop-map">
                    <area target="_blank" alt="" title="" href="google.com" coords="1215,1039,1490,1113" shape="rect">
                    <area target="_blank" alt="" title="" href="google.com" coords="1602,1032,1932,1129" shape="rect">
                </map>
                <map name="tractor-mobile-map">
                    <area target="_blank" alt="" title="" href="google.com" coords="118,508,255,545" shape="rect">
                    <area target="_blank" alt="" title="" href="google.com" coords="313,505,476,551" shape="rect">
                </map>
                
                
                
                
<!-- Carousel -->
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                    <div class="item active">
                    <div class="normal">
                        <img src="img/slide/kub_1.jpg" alt="First slide" usemap="#kubota-desktop-map">
                    </div>
                    <div class="mobile">
                        <img src="img/slide/kub_2.jpg" alt="First slide" usemap="#kubota-mobile-map">
                    </div>
                              <!-- Static Header -->
                       
                    </div>
                    <div class="item">
                    <div class="normal">
                        <img src="img/slide/trac_1.jpg" alt="Second slide" usemap="#tractor-desktop-map">
                    </div>
                    <div class="mobile">
                        <img src="img/slide/trac_2.jpg" alt="Second slide" usemap="#tractor-mobile-map">
                    </div>
     
                  
                </div>
                
              </div><!-- /carousel -->

Так что да, карта использования отлично работает на первом слайде, хотя остальные не работают.Если я удаляю карту использования из первого слайда, она работает на втором.Это не имеет смысла для меня, не уверен, если это из-за карусели или нет.

Спасибо, ребята!

...