小编Ant*_*nio的帖子

光滑的旋转木马.想要自动播放一次播放幻灯片并停止播放

我正在将Slick插入一个站点.我有一个主页
使用光滑的幻灯片放映,除了一件我无法弄清楚的事情.

我有2张幻灯片.它们从图像的幻影版本
一个接一个地逐渐消失,再到图像的全部分辨率
.那时我希望最后一张图片停下来并留在那里.

滑块的标记是:

<div class="column-right slide">
    <div><img src="img/servicios/road.jpg" alt="Road"/></div>
    <div><img src="img/sobre_mi/map.jpg" alt="Map"/></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我认为无限:假会阻止它.实际发生的是
图像逐渐淡入(幻灯片1-2),然后逐渐淡出幻影
(幻灯片2-1).

要实现的代码是:

$('.slide').slick({
    autoplay: true,
    autoplaySpeed: 1000,
    dots: false,
    infinite: false,
    speed: 1000,
    fade: true,
    slide: 'div',
    cssEase: 'linear'
});
Run Code Online (Sandbox Code Playgroud)

我错过了什么,误解了什么,或者这是
不可能的?似乎任何自动播放都应该有一次播放方式(或
特定次数)

html css jquery carousel

4
推荐指数
1
解决办法
4万
查看次数

触发单击事件到项目列表

我有几个<li>,我需要在加载页面时触发所有它们的点击事件。我试过用循环来做这件事,但它不起作用。有什么帮助吗?

<ul>
    <li class="du">One</li>
    <li class="du">Two</li>
    <li class="du">Three</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
<ul>
    <li class="du">One</li>
    <li class="du">Two</li>
    <li class="du">Three</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

2
推荐指数
1
解决办法
2915
查看次数

具有透明背景的Spiner?

我有一个带有白色背景的微调器,通过关键帧进行动画制作.那么,有了这个代码笔,如何在不影响原始设计的情况下将这种颜色移除到"smt-spinner-inner-circle"类?如果删除背景,则该部分可见.我试图应用剪辑,但结果不是预期的.

http://codepen.io/anon/pen/WpagJN

HTML:

<div class="smt-spinner-circle">
   <div class="smt-spinner"></div>
   <div class="smt-spinner-inner-circle"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

总而言之,我需要旋转器的背景透明,而不是红色,因为根据您的页面(灰色,白色等),网站将是不同的背景...

任何的想法?

html css css3 css-animations

2
推荐指数
1
解决办法
1606
查看次数

标签 统计

html ×3

css ×2

jquery ×2

carousel ×1

css-animations ×1

css3 ×1

javascript ×1