根据活动幻灯片背景更改滑块行背景

时间:2018-07-18 09:22:53

标签: jquery performance safari cross-browser

我有一个滑块,我需要将滑块的背景更改为与活动幻灯片相同的背景。我已经通过以下代码实现了这一点,但是,它不适用于Safari或智能手机。有什么不对?这是实现这一目标的最佳方法吗?

jQuery( function($) {
    $(window).load ( function() {
        $( '.tp-thumb-image' ).on('hover', function() { $(this).click(); });
    });

    $(window).load ( function() {
        $(window).mousemove ( function() {
            var newimg = $('.deportadatv.active-revslide .tp-bgimg.defaultimg').css('background-image').replace(/^url\(['"](.+)['"]\)/, '$1');
            $('div#backgrchrev .td-element-style-before').css({"background-image":"url("+newimg+")"});
        });
    });
});

供参考:

enter image description here

  1. .tp-thumb-image

  2. .deportadatv.active-revslide .tp-bgimg.defaultimg

  3. div#backgrchrev .td-element-style-before

滑块:革命滑块

0 个答案:

没有答案