Làm cách nào để tạo trình chiếu hình ảnh trong html?

Tôi muốn làm slideshow hình ảnh trên web của tôi, đây là mã của tôiLàm cách nào để tạo trình chiếu hình ảnh trong html?

<head> 
<script type="text/javascript"> 
    var image1 = new Image() 
    image1.src = "images/pentagg.jpg" 
    var image2 = new Image() 
    image2.src = "images/promo.jpg" 
</script> 
</head> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
    <script type="text/javascript"> 
      function slideit() 
      { 
       var step=1; 
       document.images.slide.src = eval("image"+step+".src") 
       if(step<2) 
        step++ 
       else 
        step=1 
       setTimeout("slideit()",2500) 
      } 
      slideit() 
    </script> 
</body>

Tại sao nó không làm việc? Tôi đã đưa hình ảnh tôi muốn vào thư mục hình ảnh

Nguồn

2012-12-13 greenthunder

Bạn có đã khai báo hàm slideit(), nhưng bạn không gọi nó ở bất kỳ đâu. – Matthias

';' ở cuối mỗi hàng bị thiếu –

@Matthias 'slideit()' được gọi ngay sau khi khai báo –

Thay vì viết mã từ đầu bạn có thể sử dụng cắm jquery. Cắm như vậy cũng có thể cung cấp nhiều tùy chọn cấu hình.

Đây là hình ảnh tôi thích nhất.

http://www.zurb.com/playground/orbit-jquery-image-slider

Nguồn

2012-12-13 13:21:56

Tôi muốn sử dụng jquery, nhưng tôi đã không tìm hiểu nó chưa – greenthunder

Bạn không cần phải học jquery để sử dụng plug này. Chỉ cần làm theo các hướng dẫn cũng được giải thích. Điều đó là đủ. –

Set var bước = 1 như biến toàn cầu bằng cách đặt nó trên lệnh gọi chức năng
đặt dấu chấm phẩy

Nó sẽ giống như thế này

<head> 
<script type="text/javascript"> 
var image1 = new Image() 
image1.src = "images/pentagg.jpg" 
var image2 = new Image() 
image2.src = "images/promo.jpg" 
</script> 
</head> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
<script type="text/javascript"> 
     var step=1; 
     function slideit() 
     { 
      document.images.slide.src = eval("image"+step+".src"); 
      if(step<2) 
       step++; 
      else 
       step=1; 
      setTimeout("slideit()",2500); 
     } 
     slideit(); 
</script> 
</body>

Nguồn

2013-04-22 07:12:08 Jem

Vì vậy, điều gì về việc ràng buộc thanh trượt với một lần nhấp? Vì vậy, người dùng có thể cuộn qua nó và không phải chờ đợi trên bộ đếm thời gian? –

Làm cách nào để tạo trình chiếu hình ảnh trong html?

Trả lời

Các vấn đề liên quan