Jquery 如何更改此代码以使图像在刷新时旋转？
我最近询问了如何在元素上旋转图像，并向我展示了以下代码-这非常有效：Jquery 如何更改此代码以使图像在刷新时旋转？,jquery,refresh,image-rotation,Jquery,Refresh,Image Rotation,我最近询问了如何在元素上旋转图像，并向我展示了以下代码-这非常有效： counter = 1; num_images = 9; dir = "URL TO IMAGE DIRECTORY"; function rotateImage() { var background_img = 'url(' + dir + '/image' + counter + '.gif)'; jQuery('#fader.category').fadeOut(function() {
counter = 1;
num_images = 9;
dir = "URL TO IMAGE DIRECTORY";
function rotateImage() {
var background_img = 'url(' + dir + '/image' + counter + '.gif)';
jQuery('#fader.category').fadeOut(function() {
jQuery('#fader.category').css('background-image', background_img).fadeIn('slow');
});
counter++; if (counter > num_images) counter = 1;
}
setInterval( "rotateImage()", 25000 );
我现在的问题是：如何调整相同的代码，使图像在刷新页面时发生更改？我对jQuery和Javascript基本上是新手，所以如果有人提供了一个解决方案，请解释它是如何工作的，这样我就可以学习，希望以后能少问一些问题。。。非常感谢这只是一次冒险
<body onload="rotateImage();">
这只是在黑暗中拍摄
<body onload="rotateImage();">
我建议您使用随机起始图像，以在每次页面加载/刷新时产生变化的错觉。否则，您只需编写上次查看图像的cookie，并在页面加载时显示下一个图像： 将前两行更改如下（注意我故意颠倒顺序）：
当然，同一图像可能会随机地再次出现在一行中，但它可能非常接近您想要的内容。我建议您使用随机起始图像，以在每次页面加载/刷新时产生更改的错觉。否则，您只需编写上次查看图像的cookie，并在页面加载时显示下一个图像： 将前两行更改如下（注意我故意颠倒顺序）：
当然，同一图像可能会随机地再次出现在一行中，但它可能会非常接近您想要的内容。这里有一个简单的方法来说明这个概念，它可以适应您想要的内容。将此内容放在页面的标题中：
<?php global $banner_id; ?>
<?php $banner_id=rand(0,N); ?>
<style type="text/css">
#header_image {
background: #000000 url("/path_to_image_files/image_<?php echo($banner_id); ?>.jpg") top center no-repeat;
}
</style>
#标题图像{
背景：#000000URL（“/path_to_image_files/image_uu.jpg”）顶部中间不重复；
}
<?php global $banner_id; ?>
<div id="header_image">
这里有一个简单的方法来说明可以根据您的需要调整的概念。将此内容放在页面的标题中：
<?php global $banner_id; ?>
<?php $banner_id=rand(0,N); ?>
<style type="text/css">
#header_image {
background: #000000 url("/path_to_image_files/image_<?php echo($banner_id); ?>.jpg") top center no-repeat;
}
</style>
#标题图像{
背景：#000000URL（“/path_to_image_files/image_uu.jpg”）顶部中间不重复；
}
<?php global $banner_id; ?>
<div id="header_image">