Question

我使用了一些html css和Javascript来创建幻灯片。我在Youtube上找到了这个教程，它适合我的使用。我在Stack Overflow上搜索了这个问题，显然有人使用完全相同的代码。我的情况与那个问题不同，所以这不是一个重复的。但只有css执行不是Javascript。有没有人看到这个问题？

这是我的html和css

var myImage = document.getElementById("myPhoto");

var imageArray = ["img1.JPG", "img2.JPG"];

var imageIndex = 0;

function changeImage() {
  myPhoto.setAttribute("src" , imageArray [ imageIndex]);
  imageIndex++;
  if (imageIndex >= imageArray.length) {
    imageIndex = 0;
  }
}

var intervalHandle = setInterval(changeImage, 2000);

myPhoto.onclick = function() {
  clearInterval(intervalHandle);
}

这是我的javascript

function initMap() {

var markers = [];

 var map = new google.maps.Map(document.getElementById('local-map'), {
    center: { lat: 51.509865, lng: -0.118092 },
    zoom: 15
});
 var bounds = undefined;
 var nE = undefined;
 var sW = undefined;

 google.maps.event.addListener(map, 'bounds_changed', function () {
     bounds = map.getBounds();
     nE = bounds.getNorthEast();
     sW = bounds.getSouthWest();
 });

alert("ajax ready");
$.ajax({
    type: "POST",
    url: '/Home/GetMapMarkers',
    data: { neLatitude: nE.lat(), neLongitude: ne.lng(), swLatitude: sW.lat(), swLongitude: sW.lng() }
}).done(function (data) {

    for (i = 0; i < data.length; i++)
    {
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(data[i].Latitude, data[i].Longitude),
            map: map,
            title: data[i].RestaurantName
        });
        markers.push(marker);
    }

});

}

Answer 1

兄弟，你应该把你的脚本文件放在最后，然后它才能正常工作

<script>....</script> </body>

Answer 2

您的脚本拼写错误。做起来

<script src="script.js"> </script>

为什么我的幻灯片幻灯片无效？

2 个答案: