Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery/css使背景图像褪色?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 使用jQuery/css使背景图像褪色?

Javascript 使用jQuery/css使背景图像褪色?,javascript,jquery,css,Javascript,Jquery,Css,我有下面的脚本()加载图像并将其设置为背景。它工作得很好,但是我需要做什么更改才能添加多张照片,这样它就可以成为幻灯片了 jQuery: $(document).ready(function(){ $.fn.smartBackgroundImage = function(url){ var t = this; //create an img so the browser will download the image: $('<im

我有下面的脚本()加载图像并将其设置为背景。它工作得很好,但是我需要做什么更改才能添加多张照片,这样它就可以成为幻灯片了

jQuery:

$(document).ready(function(){

    $.fn.smartBackgroundImage = function(url){
        var t = this;
        //create an img so the browser will download the image:
        $('<img />')
        .attr('src', url)
        .load(function(){ //attach onload to set background-image
                t.each(function(){ 
                $(this).css('backgroundImage', 'url('+url+')' );
                });
            });
        return this;
    }
    $('body').smartBackgroundImage('/static/images/temp-bg.jpg');

});
$(文档).ready(函数(){
$.fn.smartBackgroundImage=函数(url){
var t=这个;
//创建img,以便浏览器下载图像:
$('

谢谢!

在html中使用
  • 标记合并图像,并使用jquery对其进行格式化。这样以后更改图像就更容易了。

    在html中使用
  • 标记合并图像,并使用jquery对其进行格式化。这样以后更改图像就更容易了。

    没有冒犯之意,只要想想就行了它。看来你知道如何用JS编码,所以这不是问题所在。从逻辑上考虑你的问题,根据你需要发生的事情,然后根据你的具体情况,然后根据实际代码。如果你在这一过程中遇到了问题,那就把它作为问题。像这样更广泛的问题是不受欢迎的,而不是更狭隘的问题搜索问题。祝你好运!:)没有冒犯:)只是因为我在一个项目上迟到了。解决方案似乎很简单:可能会在图像中加入一个淡出的循环。去过那里。:)作为记录,
    setInterval(time)
    在这里派上了用场。只需设置一个时间间隔来更改图片。我成功地使用jQuery循环来完成。只需将.slideshow框的位置设置为绝对位置。哇,太简单了,呵呵。将其设置为假背景。例如,一个包含jQuery横幅的div,然后将您网站的元素放在其上。请查看这里是如何完成的我唯一能想到的使用背景图像css的方法是,如果你淡出,替换url,然后淡出,但淡出将应用于其中的所有对象。没有冒犯或任何事情,但想想看。你似乎知道如何用JS编码,所以这不是问题。用te逻辑思考你的问题你需要做什么,然后根据你的具体情况考虑,然后根据实际代码考虑。如果你在过程中遇到了问题,就把这个问题作为问题。像这样更广泛的问题比更狭隘的研究性问题更受欢迎。祝你好运!:)没有冒犯:)只是我在一个项目上迟到了。solu这似乎很简单:可能是在图像中加入了一个淡入淡出的循环。:)记录,
    setInterval(time)
    在这里派上了用场。只需设置一个时间间隔来更改图片。我成功地使用jQuery循环来完成。只需将.slideshow框的位置设置为绝对位置。哇,太简单了,呵呵。将其设置为假背景。例如,一个包含jQuery横幅的div,然后将您网站的元素放在其上。请查看这里是如何完成的我能想到的使用背景图像css的唯一方法是,如果你淡出它,替换url,然后淡出它,但淡出将应用于其中的所有对象。