Question

我找到了这个很棒的剧本：jsfiddle

问题是在重新加载时，div是随机的。我需要显示div，因为它们在html中排序，如1,2,3,4等。当然还有从div1开始循环。

Answer 1

这是一个在页面重新加载之间使用cookie plugin：

的版本

JavaScript的：

var divIndex = $.cookie('div_index') || -1;
var divs = $('.Image');
divIndex = (parseInt(divIndex, 10) + 1) % divs.length;
divs.eq(divIndex).show();
$.cookie('div_index', divIndex);

示例：http://jsfiddle.net/RJMhT/124/

Answer 2

尝试使用cycle plugin：

更新了JavaScript：

$("#slideshow").cycle();

标记：

<div id="slideshow">
    <div class="Image"><img src="/image1.jpg">1</div>
    <div class="Image"><img src="/image2.jpg">2</div>
    <div class="Image"><img src="/image3.jpg">3</div>
    <div class="Image"><img src="/image4.jpg">4</div>
    <div class="Image"><img src="/image5.jpg">5</div>
    <div class="Image"><img src="/image6.jpg">6</div>
    <div class="Image"><img src="/image7.jpg">7</div>
</div>

实施例： http://jsfiddle.net/RJMhT/120/

Answer 3

编辑：我想我误解了你的问题。您希望每次实际重新加载页面时都加载不同的图像？看起来像一个奇怪的请求。让我考虑一下。

回答http://jsfiddle.net/morrison/RJMhT/133/

功能

使用小猫进行图像处理。 （我最喜欢的功能）。

当localStorage失败时使用jQuery cookie plug-in。

正确地循环显示动态数量的图像。

答案：http://jsfiddle.net/morrison/RJMhT/123/

功能

使用小猫进行图像处理。 （我最喜欢的功能）。

使用jQuery cycle插件。

当它击中最后一个时，它会回到第一个。这是循环的默认值。

Answer 4

如果你想这样做：

重新加载时，显示1，然后重新加载，显示2，然后重新加载，显示3 .....

您可能必须使用某些缓存技术（如localStorage）来存储最后一个div的索引，然后在重新加载时，从localStorage读取最后一个索引，计算下一个索引，显示它。

按数字排序div，不随机化

4 个答案: