HTML5九宮格圖片輪播是一種常用的網頁設計效果，可以使網頁內容更加生動有趣。下面是一個簡單的HTML5九宮格圖片輪播代碼：

<div class="slider">
<ul class="slides">
<li><img src="image1.jpg" alt="Image 1"></li>
<li><img src="image2.jpg" alt="Image 2"></li>
<li><img src="image3.jpg" alt="Image 3"></li>
</ul>
</div>
<script>
$(function() {
$('.slider').each(function() {
var $this = $(this);
var $slides = $this.find('.slides');
var $slide = $slides.find('li');
var currentSlide = 0;
setInterval(function() {
$($slide.get(currentSlide)).fadeOut();
currentSlide = currentSlide + 1 == $slide.length ? 0 : currentSlide + 1;
$($slide.get(currentSlide)).fadeIn();
}, 3000);
});
});
</script>

在上面的代碼中，我們通過