Jquery 如何使用Tumblr photoset作为幻灯片放映?
我当前的代码可以工作,但只适用于第一张照片。我希望它对博客上的所有照片都有效。也许有了Jquery 如何使用Tumblr photoset作为幻灯片放映?,jquery,html,css,tumblr,Jquery,Html,Css,Tumblr,我当前的代码可以工作,但只适用于第一张照片。我希望它对博客上的所有照片都有效。也许有了$(这个),但我无法让它工作。有人知道怎么做吗 我当前的代码: CSS: .幻灯片放映{ 位置:相对位置; 宽度:600px; 高度:400px; 边框:1px实心; } .slideshow div{ 位置:绝对位置; } .幻灯片放映部{ 高度:400px!重要; 宽度:自动; } HTML&JQUERY: {block:Photoset} <div class="slideshow"&g
$(这个)
,但我无法让它工作。有人知道怎么做吗
我当前的代码:
CSS:
.幻灯片放映{
位置:相对位置;
宽度:600px;
高度:400px;
边框:1px实心;
}
.slideshow div{
位置:绝对位置;
}
.幻灯片放映部{
高度:400px!重要;
宽度:自动;
}
HTML&JQUERY:
{block:Photoset}
<div class="slideshow">
{block:Photos}
<div>
<img src="{PhotoURL-500}"/>
{block:Caption}
{Caption}
{/block:Caption}
{block:Exif}
<ul>...</ul>
{/block:Exif}
</div>
{/block:Photos}
<script>
$(".slideshow div:gt(0)").hide();
setInterval(function() {
$('.slideshow div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('.slideshow');
}, 3000);
</script>
</div>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Photoset}
{块:照片}
{块:标题}
{标题}
{/block:Caption}
{block:Exif}
…
{/block:Exif}
{/block:Photos}
$(“.slideshow div:gt(0)”).hide();
setInterval(函数(){
$('.slideshow div:first')
.衰减(1000)
.next()
法丹先生(1000)
(完)
.appendTo(“.slideshow”);
}, 3000);
{块:标题}
{标题}
{/block:Caption}
{/block:Photoset}
是否为每个条目生成此代码?代码块可以创建多次吗?@Twisty每个帖子都会生成{block:Photoset}和{/block:Photoset}之间的代码。为photoset中的每张照片生成{block:Photos}和{/block:Photos}之间的代码
{block:Photoset}
<div class="slideshow">
{block:Photos}
<div>
<img src="{PhotoURL-500}"/>
{block:Caption}
{Caption}
{/block:Caption}
{block:Exif}
<ul>...</ul>
{/block:Exif}
</div>
{/block:Photos}
<script>
$(".slideshow div:gt(0)").hide();
setInterval(function() {
$('.slideshow div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('.slideshow');
}, 3000);
</script>
</div>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}