Question

我有Fancybox v2的画廊。我想在不同的背景上观看。打开我要放置的图片和三个允许更改外部背景的按钮。有可能实现它吗？感谢您提供的任何帮助和建议。

Answer 1

这一切都取决于您使用的选择器。 $（body）.css（{'background-image'：'url（... your url here）'}）将改变身体图像。如此完整的代码：

<style>
    body{
        background-image:url(image%20here);
    }
</style>
<script>
    $(document).ready(function(){
        $('#button1').click(function(){
            $(body).css({'background-image' : 'url("new%20image%20here")'});
        }
        /*alternative way*/
        $('#button2').click(function(){
            var url = 'new%20url%20one');
            changeBody(url);
        });
        $('#button3').click(function(){
            var url = 'new%20url%20two');
            changeBody(url);
        });
    });
    changeBody(url){
        $(body).css({'background-image' : url});
    }
<script>
</head>
<body>
    <button id="button1">Change 1</button></br>
    <button id="button2">Change 2</button></br>
    <button id="button3">Change 3</button></br>
</body>

添加按钮以更改背景

1 个答案: