小编Joo*_*nas的帖子

单个图像加载后显示div

可以说我有这种图像集:

<div class="image"><img src="image1.jpg" alt="" />image1</div>
<div class="image"><img src="image2.jpg" alt="" />image2</div>
<div class="image"><img src="image3.jpg" alt="" />image3</div>
Run Code Online (Sandbox Code Playgroud)

(请注意,divs最初会被隐藏)

我想的是,一个人之后<image>加载,.show();div.image它周围.

我认为这很容易做到,但我已经在互联网上进行了搜索,到目前为止,他们一直在做所有图像加载而不是单个图像后做某事.

这甚至可能吗?

编辑:后来改变了,所以图像周围也有链接工作示例:http://jsfiddle.net/peeter/qwtWZ/6/

html jquery load image show

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

多个相同速度不同高度的jquery动画同时完成动画

所以,我有多个具有相同速度和不同高度的 jquery 动画,并且所有动画都是同时完成的。

我想知道有没有办法不管距离多远都能保持原来的动画速度?

http://jsfiddle.net/lollero/CEksN/ - 这意味着这些当然会在不同的时间完成。

(我的问题并不是它们如何同时完成,而是它们的速度如何变化)


FlabbyRabbit 的回答让我走上了正确的道路。这或多或少是我所追求的

http://jsfiddle.net/lollero/CEksN/12/

jquery jquery-animate

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

如何使用html5数据属性覆盖jquery插件选项

我想要做的是像往常一样将选项设置为插件,但也使用html5数据属性覆盖这些选项.

我在这里(jsfiddle),但是有一个小问题.

JSFiddle代码:

(function($){
    $.fn.extend({
        test: function(options) {

            var defaults = {
                background: null,
                height: null
            };

            var options = $.extend( defaults, options);

            return this.each(function() {
                  var o = options;
                  var obj = $(this);
                  var objD = obj.data();


                    // background
                    if ( !objD.background) {
                        var cBG = o.background;
                    }
                    else {
                        var cBG = objD.background;
                    }

                    // Opacity
                    if ( !objD.height) {
                        var cH = o.height;
                    }
                    else {
                        var cH = objD.height;
                    }

                    obj.css({
                        background: cBG,
                        height: cH …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 plugins

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

jQuery - 按顺序添加类来分隔元素?

我有类中包含不同值的类,我想按顺序添加这些类来设置元素.

这应该只是我正在寻找的解释:

<div class="These">Lorem ipsum</div>
<div class="These">Lorem ipsum</div>
<div class="These">Lorem ipsum</div>

$('.These').each(function() {
    var TheseINDEX = $(this).index();
    $(this).addClass('first, second, third');
});
Run Code Online (Sandbox Code Playgroud)

结果:

<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
Run Code Online (Sandbox Code Playgroud)

不像上面的那种憎恶是完美的,但是另一件事......我也在想,如果它会循环,那将会很酷.

假设我有3个类,就像之前一样,这3个类将被添加到8个元素中

结果是这样的:

<div class="These first">Lorem ipsum</div> <!-- #1 -->
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div> <!-- #8 -->
Run Code Online (Sandbox Code Playgroud)

因为它将继续添加这些预设类,直到没有".These"为他们添加.这种循环很像一个备份,因为你用完了类......

http://jsfiddle.net/Z4PAZ/ - 我的例子的jsfiddle .. …

jquery loops addclass dynamic

0
推荐指数
2
解决办法
1927
查看次数

标签 统计

jquery ×4

addclass ×1

dynamic ×1

html ×1

html5 ×1

image ×1

javascript ×1

jquery-animate ×1

load ×1

loops ×1

plugins ×1

show ×1