使用鼠标滚动来更改图像的幻灯片

时间:2015-10-28 20:58:15

标签: jquery html css scroll slideshow

我试图在图片幻灯片中实现这种效果:

http://blackberryjournal.tumblr.com/

我无法找到关于此的任何信息,甚至可以将其命名为在网上搜索它...

它似乎使用背景图像。但滚动时我无法找到任何CSS修改。

有一个父div,

然后在div里面这个html,一张桌子"张贴照片"每张照片:

<table class="post photo" style="background-image:url(http://36.media.tumblr.com/cf5e715f0f818e0329fabe1f5a70f326/tumblr_n9qe04jhFh1rqy89io1_1280.jpg)" alt="mmm artisanal">
    <tr>
        <td class="caption"><p>mmm artisanal</p></td>
        <td class="like_and_reblog_buttons">
            <span><a href="https://www.tumblr.com/reblog/93676683910/rMP2KlVN" class="reblog_button"style="display: block;width:20px;height:20px;"></a></span>
            <span><div class="like_button" data-post-id="93676683910" id="like_button_93676683910"></div></span>
        </td>
    </tr>
</table>

<table class="post photo" style="background-image:url(http://36.media.tumblr.com/dd3f10db409b054f132bc7a3de4e8bc2/tumblr_n9qdx4JN7s1rqy89io1_1280.jpg)" alt="Amaury">
    <tr>
        <td class="caption"><p>Amaury</p></td>
        <td class="like_and_reblog_buttons">
            <span><a href="https://www.tumblr.com/reblog/93676603605/rmk5COGb" class="reblog_button""></a></span>
            <span><div class="like_button" data-post-id="93676603605" id="like_button_93676603605"></div></span>
        </td>
    </tr>
</table>

任何人都可以帮我这个吗? 谁知道它是否使用jquery插件?还是一种方法呢?

非常感谢!

0 个答案:

没有答案