wordpress 主题js

function my_theme_scripts() {
    wp_enqueue_script('my-script', get_template_directory_uri() . '/js/my-script.js', array(), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

(function() {
    // Your code here
})();

<div id="slider">
    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
    <img src="image3.jpg" alt="Image 3">
</div>

document.addEventListener('DOMContentLoaded', function() {
    let images = document.querySelectorAll('#slider img');
    let currentIndex = 0;

    function showNextImage() {
        images[currentIndex].style.display = 'none';
        currentIndex = (currentIndex + 1) % images.length;
        images[currentIndex].style.display = 'block';
    }

    setInterval(showNextImage, 3000); // Change image every 3 seconds
});

function enqueue_slider_script() {
    wp_enqueue_script('slider-script', get_template_directory_uri() . '/js/slider.js', array(), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'enqueue_slider_script');