Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用Tumblr photoset作为幻灯片放映?_Jquery_Html_Css_Tumblr - Fatal编程技术网

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}