0

ホバリングしているものを除いて、スライダー内のすべてのアイテムの不透明度をゆっくりと変更したいだけです。Chrome では完璧に動作しますが、Internet Explorer 8 と 7 の両方では少し動作しません。

htmlコードは次のとおりです。

        <div id="carousel-image-and-text" class="touchcarousel carousel-image-and-text clearfix" style="overflow: visible; ">
            <div class="touchcarousel-wrapper grab-cursor">
                <ul id="weekly-promos" class="touchcarousel-container" style="width: 1420px; left: 0px; ">
                    <asp:Repeater ID="RList" runat="server">
                        <ItemTemplate>
                            <li class="touchcarousel-item">
                                <a class="item-block" href="Article.aspx?PageID=<%# Eval("PageID") %>" rel="tooltip-<%# Eval("PageID") %>">
                                <figure><img src="<%# SetConf(Eval("PageID").ToString(),false) %><%# Eval("VisualSource") %>"></figure>
                                </a>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>

ここにJavaScriptの部分があります：

 $(".carousel-slider a img").hover(function () {
            $(".carousel-slider img").not(this).stop().animate({ opacity: '0.4', filter: 'alpha(opacity=40)' }, 1000);

        }, function () {
            $(".carousel-slider img").not(this).stop().animate({ opacity: '1.0', filter: 'alpha(opacity=100)' }, 1000);
        });
4

1 に答える 1

1

フィルターを使用せず、不透明度のみ:

$(".carousel-slider a img").hover(function () {
  $(".carousel-slider img").not(this).stop().animate({ opacity: 0.4 }, 500);
}, function () {
  $(".carousel-slider img").not(this).stop().animate({ opacity: 1.0 }, 500);
});
于 2012-10-15T11:49:26.513 に答える