Question

我是JS，HTML和PHP的新手，通常我用C，C ++，Java编程......＆＃xA;我正在尝试做一个简单的页面，用SQL调用PHP一些数据，然后显示它们：＆＃xA;文本部分很好，但我不知道如何多次调用该脚本来创建多个独立幻灯片

＆＃xA;＆＃xA;

 ＆lt;脚本＆gt;＆＃xA; var slideIndex = 1;＆＃xA; showSlides（slideIndex）;＆＃xA;＆＃xA; function plusSlides（n）{＆＃xA; showSlides（slideIndex + = n）;＆＃xA;}＆＃xA;＆＃xA; function currentSlide（n）{＆＃xA; showSlides（slideIndex = n）;＆＃xA;}＆＃xA;＆＃xA; function showSlides（n）{＆＃xA; var i;＆＃xA; var slides = document.getElementsByClassName（“mySlides”）;＆＃xA; var dots = document.getElementsByClassName（“dot”）;＆＃xA; if（n＆gt; slides.length）{slideIndex = 1}＆＃xA; if（n＆lt; 1）{slideIndex = slides.length}＆＃xA; for（i = 0; i＆lt; slides.length; i ++）{＆＃xA; slides [i] .style.display =“none”; ＆＃XA; }＆＃XA; for（i = 0; i＆lt; dots.length; i ++）{＆＃xA; dots [i] .className = dots [i] .className.replace（“active”，“”）;＆＃xA; }＆＃XA; slide [slideIndex-1] .style.display =“block”; ＆＃XA;点[slideIndex-1] .className + =“active”;＆＃xA;}＆＃xA;＆lt; / script＆gt;＆＃xA;＆＃xA;＆lt;？php＆＃xA; $ connection = mysqli_connect（'HOST '，'NAME'，'PASS'）或死（'无法连接：'。mysqli_error（））; ＆＃xA; mysqli_select_db（$ connection，'DATABASE'）或die（'nulla：D'）; ＆＃xA; $ query =“SELECT marca，modello，anno，frontale，laterale，retro FROM table ORDER BY modello ASC”;＆＃xA; $ result = mysqli_query（$ connection，$ query）or die（'non stampa： D'）;＆＃xA;＆＃xA; // conto il numero di occorrenze trovate nel db＆＃xA; $ numrows = mysqli_num_rows（$ result）;＆＃xA;＆＃xA;＆＃xA;＆＃xA; // avvio un ciclo for che si ripete per il numero di occorrenze trovate＆＃xA; for（$ x = 0; $ x＆lt; $ numrows; $ x ++）＆＃xA; {＆＃xA; // recupero il contenuto di ogni record trovato＆＃xA; $ resrow = mysqli_fetch_row（$ result）;＆＃xA; $ marca = $ resrow [0];＆＃xA; $ modello = $ resrow [1];＆＃xA; $ anno = $ resrow [2];＆＃xA; $ frontale = $ resrow [3];＆＃xA; $ laterale = $ resrow [4];＆＃xA; $ retro = $ resrow [5];＆＃xA;＆＃xA; // stampo a video il risultato＆＃xA; echo“modello：”。 $马卡报; ＆＃XA; ？＆GT;＆＃XA; ＆lt; br /＆gt;＆＃xA; ＆LT; PHP＆＃XA;回声“马卡：”。 $ MODELLO; ＆＃XA; ？＆GT;＆＃XA; ＆lt; br /＆gt;＆＃xA; ＆LT; PHP＆＃XA; echo“anno：”。 $安诺;＆＃XA; ？＆GT;＆＃XA; ＆lt; br /＆gt;＆＃xA;＆＃xA; ＆lt; div class =“slideshow-container”＆gt;＆＃xA; ＆lt; div class =“mySlides fade”＆gt;＆＃xA; ＆lt; div class =“numbertext”＆gt; 1/3＆lt; / div＆gt;＆＃xA; ＆lt; img src =“＆lt;？php echo”$ frontale“;？＆gt;”风格= “宽度：100％” ＆GT;＆＃XA; ＆lt; div class =“text”＆gt;标题文字＆lt; / div＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA;＆＃XA; ＆lt; div class =“mySlides fade”＆gt;＆＃xA; ＆lt; div class =“numbertext”＆gt; 2/3＆lt; / div＆gt;＆＃xA; ＆lt; img src =“＆lt;？php echo”$ laterale“;？＆gt;”风格= “宽度：100％” ＆GT;＆＃XA; ＆lt; div class =“text”＆gt; Caption Two＆lt; / div＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA;＆＃XA; ＆lt; div class =“mySlides fade”＆gt;＆＃xA; ＆lt; div class =“numbertext”＆gt; 3/3＆lt; / div＆gt;＆＃xA; ＆lt; img src =“＆lt;？php echo”$ retro“;？＆gt; g”style =“width：100％”＆gt;＆＃xA; ＆lt; div class =“text”＆gt;标题三＆lt; / div＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA;＆＃XA; ＆lt; a class =“prev”onclick =“plusSlides（-1）”＆gt;＆amp;＃10094;＆lt; / a＆gt;＆＃xA; ＆lt; a class =“next”onclick =“plusSlides（1）”＆gt;＆amp;＃10095;＆lt; / a＆gt;＆＃xA;＆lt; / div＆gt;＆＃xA;＆lt; br＆gt;＆＃xA;＆ #xA;＆lt; div style =“text-align：center”＆gt;＆＃xA; ＆lt; span class =“dot”onclick =“currentSlide（1）”＆gt;＆lt; / span＆gt; ＆＃XA; ＆lt; span class =“dot”onclick =“currentSlide（2）”＆gt;＆lt; / span＆gt; ＆＃XA; ＆lt; span class =“dot”onclick =“currentSlide（3）”＆gt;＆lt; / span＆gt; ＆＃XA;＆LT; / DIV＆GT;＆＃XA;＆＃XA;＆＃XA;＆＃XA;＆＃XA;＆LT; PHP＆＃XA; }＆＃xA;＆＃xA; // chiudo la connessione＆＃xA; mysqli_close（$ connection）;＆＃xA;？＆gt;＆＃xA;

＆＃xA;

Answer 1

你几乎可以做那件事。

<script>

    slideIndex = 1; // This is "global" so you can reference it later. 
    //showSlides(slideIndex); Removed (see second script tag)

    // Function definitions are correct
    function plusSlides(n) {
      showSlides(slideIndex += n);
    }

    function currentSlide(n) {
      showSlides(slideIndex = n);
    }

    function showSlides(n) {
      var i;
      var slides = document.getElementsByClassName("mySlides");
      var dots = document.getElementsByClassName("dot");
      if (n > slides.length) {slideIndex = 1} 
      if (n < 1) {slideIndex = slides.length}
      for (i = 0; i < slides.length; i++) {
          slides[i].style.display = "none"; 
      }
      for (i = 0; i < dots.length; i++) {
          dots[i].className = dots[i].className.replace(" active", "");
      }
      slides[slideIndex-1].style.display = "block"; 
      dots[slideIndex-1].className += " active";
    }

</script>

...

现在稍后，您将可以访问以上所有内容，因此您可以执行以下操作：

<script>
showSlides(slideIndex);
slideIndex = 2;
</script>

<script>
showSlides(slideIndex);
slideIndex = 3;
</script>

这只是演示了＆＃34;全球＆＃34;对象的状态（函数是对象）和变量slideIndex（有点像在主范围内，因为它没有明确作用域。）

希望这有帮助。

多次调用相同的<script>

1 个答案: