0

#banner div で問題なく動作する Cycle by Malsup のインストールがありますが、同時に #banner-container div の背景を変更したいと考えています。基本的に #banner-container には #banner div の画像の非常にぼやけたバージョンがありますが、同時に変更したいと考えています。どうすればこれを行うことができますか？

jQuery:

$('#banner') 
    .cycle({ 
    fx: 'fade', 
    speed: '1000', 
    timeout: '8000', 
    pager: '#pager',
    next: '#next',
    prev: '#prev',
    cleartypeNoBg: 'true'
});

HTML:

<section id="banner-container">
            <div id="banner-holder">
                <a href="#">
                    <div id="cta">
                        <p class="arrange">Arrange a visit</p>
                        <p class="info">If you’d like to come and see the school, click to arrange a visit!</p>
                    </div>
                </a>
                <div id="banner">
                    <img src="template/banner-1.png" alt="">
                    <img src="template/banner-1.png" alt="">
                    <img src="template/banner-1.png" alt="">
                    <img src="template/banner-1.png" alt="">
                    <img src="template/banner-1.png" alt="">
                </div>
                <div id="controls">
                    <div id="prev"></div>
                    <div id="next"></div>
                </div>
            </div>
            <div id="pager"></div>
        </section>
4

1 に答える 1

0 
$('#banner') 
    .cycle({ 
    fx: 'scrollVert', 
    speed: '1000', 
    timeout: '8000', 
    pager: '#pager',
    pagerAnchorBuilder: function(i) {
        return '<a href="#"></a>';
    },
    next: '#next',
    prev: '#prev',
    cleartypeNoBg: 'true'
});

$('#blurred-background')
    .cycle({ 
    fx: 'fade', 
    speed: '1000', 
    timeout: '8000',
    next: '#next',
    prev: '#prev',
    pager: '#pager',
    pagerAnchorBuilder: function(i) {
        return $('#pager a:eq('+i+')');
    },
    cleartypeNoBg: 'true',
});
于 2013-10-25T11:04:52.380 に答える