所以我知道有许多免费的图像旋转器等,使用像jQuery这样的东西.我的问题是,有没有办法动态更新图像旋转器而不刷新网站页面?
所以基本上你要显示十张图像,然后1小时后你有一个脚本删除旧图像添加十个新图像和一个新的xml文件,你需要刷新页面吗?或者脚本是否始终动态检查xml文件,因此您不必进行刷新.
PS它并不一定要在jQuery的,可能是HTML5或喜欢 - 我只是想能够自动添加和删除文件夹中的图像,并有肩更新使用什么文件夹中
我创建了一个以一个图像结束的图像滑块,但现在我想更进一步,让它循环.
这是头标记中的代码
<style>
#picOne, #picTwo, #picThree, #picFour, #picFive{
position:absolute;
display: none;
}
#pics {
width:500px;
height:332px;
}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#picOne').fadeIn(1500).delay(3500).fadeOut(1500);
$('#picTwo').delay(5000).fadeIn(1500).delay(3500).fadeOut(1500);
$('#picThree').delay(10000).fadeIn(1500).delay(3500).fadeOut(1500);
$('#picFour').delay(15000).fadeIn(1500).delay(3500).fadeOut(1500);
$('#picFive').delay(20000).fadeIn(1500).delay(3500);
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是在正文代码中实现的地方
<div id="pics">
<center>
<img src="img/dolllay.jpg" width="500" height="332" id="picFive" />
<img src="img/dye.jpg" width="500" height="332" id="picTwo" />
<img src="img/dollsit.jpg" width="500" height="332" id="picThree" />
<img src="img/heirloom.jpg" width="500" height="332" id="picFour" />
<img src="img/heritage.jpg" width="500" height="332" id="picOne" />
</center>
</div>
Run Code Online (Sandbox Code Playgroud)
我可以把它变成一个函数然后循环吗?我可以得到任何指导吗?非常感谢你
我有一个 HEALPix 地图,我已经使用healpy阅读过它,但是它是在银河坐标中,我需要它在天球/赤道坐标中。有人知道转换地图的简单方法吗?
我尝试使用healpy.Rotator从 (l,b) 转换为 (phi,theta),然后使用healpy.ang2pix对像素重新排序,但地图看起来仍然很奇怪。
如果有一个类似于Rotator您可以调用的函数,那就太好了map = AnotherRotator(map,coord=['G','C']):有人知道有这样的功能吗?
谢谢,
亚历克斯
我希望有人可以救我的!我正在尝试为我的页面创建一个(希望)简单的旋转横幅.我有7个包含照片和文字的div,它们如下:
<div id="content-1">Sample text</div>
<div id="content-2">Sample text</div>
<div id="content-3">Sample text</div>
<div id="content-4">Sample text</div>
<div id="content-5">Sample text</div>
<div id="content-6">Sample text</div>
<div id="content-7">Sample text</div>
Run Code Online (Sandbox Code Playgroud)
在这些div下面我有7个相应的div缩略图:
<div id="thumb-content-1">Sample text</div>
<div id="thumb-content-2">Sample text</div>
<div id="thumb-content-3">Sample text</div>
<div id="thumb-content-4">Sample text</div>
<div id="thumb-content-5">Sample text</div>
<div id="thumb-content-6">Sample text</div>
<div id="thumb-content-7">Sample text</div>
Run Code Online (Sandbox Code Playgroud)
我想做一些事情:
1)每隔5秒循环一次新的div(所以"content-1"将显示5秒,然后是"content 2"等.
2)将一个类应用于名为"cr-rotator"的当前缩略图.我已经设置了风格.
3)当用户将鼠标悬停在主div或缩略图div上时,我希望能够暂停旋转.
4)最后,我想拥有它,如果你将鼠标悬停在缩略图上,它将改变主要内容,然后在鼠标关闭时继续循环.所以说例如你将鼠标悬停在'thumb-content-3'上它将使div'content-3'可见,然后当你鼠标移出它将继续循环.
我知道这里有很多需求,我提前感谢任何可以帮助我的人.我已经提供了一个循环主要图像的脚本,但我不确定如何实现其余的:
var divs = $('div[id^="content-"]').hide(),
i = 0;
(function cycle() {
divs.eq(i).fadeIn(200)
.delay(3000)
.fadeOut(200, cycle);
i = ++i % divs.length; // increment i,
// and reset to 0 when it …Run Code Online (Sandbox Code Playgroud) 我一直在寻找一个简单的jquery旋转器,它有下一个/上一个按钮,它会自动淡出5个左右的图像...到目前为止,一切都过于复杂,根本不是我想要的或者它如此简单它除了在图像之间切换之外没有任何功能......
所以基本上我问是否有人知道Jquery图像旋转器不完全吮吸...大声笑
顺便说一句,这些是我希望它做的事情
谢谢