php-滑块在wordpress中的front-page.php中不起作用

Question

当我进入wordpress时，我在html代码中使用了javascript和php滑块，当在html中时，它却不再起作用，现在它说没有找到此幻灯片的图像。

header.php JavaScript

<script>
$(document).ready(function(){
$('#myslides').cycle({
    fit: 1, pause: 0.3
});
});
</script>

front-page.php滑块php代码

<?php
$directory = 'images/slideshow/';   
try {       
// Styling for images   
echo "<div id=\"myslides\">";   
foreach ( new DirectoryIterator($directory) as $item ) {            
    if ($item->isFile()) {
        $path = $directory . "/" . $item;   
        echo "<img src=\"" . $path . "\" height='200' width='800' />";  
    }
}   
echo "</div>";
}   
catch(Exception $e) {
echo 'No images found for this slideshow.<br />';   
}
?>

Answer 1

在WordPress中，您必须使用get_template_directory()来获取主题目录的路径，因此您的目录变量应为：

$directory = get_template_directory() . '/images/slideshow/';