JavaScript: форма на каждом изображении в слайдере изображений? - PullRequest
0 голосов
/ 01 июля 2018

Вот что я имею в качестве слайдера изображений:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript">
    <!-->
    var image1 = new Image()
    image1.src = "/image0.jpeg"
    var image2 = new Image()
    image2.src = "/image1.jpeg"
    var image3 = new Image()
    image3.src = "/image2.jpeg"
    //-->
  </script>
</head>
<body>
  <img src="/research/logos/.jpeg" name="slide" width="400" height="400">
  <script type="text/javascript">
    <!--
    var step = 1

    function slideit() {
      document.images.slide.src = eval("image" + step + ".src")
      if (step < 3)
        step++
        else
          step = 1
      setTimeout("slideit()", 2500)
    }
    slideit()
    //-->
  </script>
</body>
</html>

Я знаю, как поместить форму поверх изображения отсюда: https://www.w3schools.com/howto/howto_css_form_on_image.asp. Достаточно простой формы, в которой есть одна кнопка, с помощью которой зритель может отправлять ответы.

Может ли кто-нибудь пролить свет на то, как их объединить? Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...