Как прокрутить изображения в xslt? - PullRequest
Новая
       14

Как прокрутить изображения в xslt?

0 голосов
/ 29 января 2019

Мне нужна помощь, пожалуйста ... поэтому я хотел бы сделать галерею с прокруткой изображений

Я добавил изображения в XML-файл (hotel.xml) и XSL-файл (hotel.xsl)содержать: 

    <fieldset id="pano">
                        <img class="pano1" src="{photoh/@src}"/>
                        <img class="pano1" src="{photoh1/@src}"/>
                        <img class="pano1" src="{photoh2/@src}"/>
                        <img class="pano1" src="{photoh3/@src}"/>
                        <img class="pano1" src="{photoh4/@src}"/>
                        <img class="pano1" src="{photoh5/@src}"/>
                        <img class="pano1" src="{photoh6/@src}"/>
                        <img class="pano1" src="{photoh7/@src}"/>
                        <img class="pano1" src="{photoh8/@src}"/>
                        <img class="pano1" src="{photoh9/@src}"/>
                        <button class="btn" onclick="plusIndex(-1)" id="btn1">&#10094;</button>
                        <button class="btn" onclick="plusIndex(1)" id="btn2">&#10095;</button>                        
                       <script language="Javascript"><![CDATA[

                         var index=1;
                         function plusIndex(n){
                             index= index+1;
                             showImage(index);

                         }
                         showImage(1);
                         function showImage(n){
                             var i;
                             var x = document.getElementsByClassName("pano1");
                             if(n > x.length){ index=1 };
                             if (n < 1){index = x.length};
                             for(i=0;i<x.length;i++){
                                 x[i].style.display = "none";

                             }
                             x[index-1].style.display= "block";
                         }
                         autoSlide();
                         function autoSlide(){
                            var i;
                             var x = document.getElementsByClassName("pano1");
                             for(i=0;i<x.length;i++){
                                 x[i].style.display = "none";
                             }
                             if(index > x.length){index=1}
                             x[index-1].style.display= "block";
                            index++;
                            setTimeout(autoSlide,2000);
                         }
          ]]>

когда я запускаю страницу в Firefox, изображения не прокручиваются и даже не отображаются, можете ли вы мне помочь?

1 Ответ

0 голосов
/ 29 января 2019

Вы вызываете функции перед их определением, посмотрите, решит ли это вашу проблему: 

 <fieldset id="pano">
                        <img class="pano1" src="{photoh/@src}"/>
                        <img class="pano1" src="{photoh1/@src}"/>
                        <img class="pano1" src="{photoh2/@src}"/>
                        <img class="pano1" src="{photoh3/@src}"/>
                        <img class="pano1" src="{photoh4/@src}"/>
                        <img class="pano1" src="{photoh5/@src}"/>
                        <img class="pano1" src="{photoh6/@src}"/>
                        <img class="pano1" src="{photoh7/@src}"/>
                        <img class="pano1" src="{photoh8/@src}"/>
                        <img class="pano1" src="{photoh9/@src}"/>
                        <button class="btn" onclick="plusIndex(-1)" id="btn1">&#10094;</button>
                        <button class="btn" onclick="plusIndex(1)" id="btn2">&#10095;</button>                        
                       <script language="Javascript"><![CDATA[

                         var index=1;
                         function plusIndex(n){
                             index= index+1;
                             showImage(index);

                         }
                         function showImage(n){
                             var i;
                             var x = document.getElementsByClassName("pano1");
                             if(n > x.length){ index=1 };
                             if (n < 1){index = x.length};
                             for(i=0;i<x.length;i++){
                                 x[i].style.display = "none";

                             }
                             x[index-1].style.display= "block";
                         }
                         function autoSlide(){
                            var i;
                             var x = document.getElementsByClassName("pano1");
                             for(i=0;i<x.length;i++){
                                 x[i].style.display = "none";
                             }
                             if(index > x.length){index=1}
                             x[index-1].style.display= "block";
                            index++;
                            setTimeout(autoSlide,2000);
                         }

                         // showImage(1);
                         autoSlide();
          ]]> 
</script>
...