Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.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 新的图像滑块_Javascript - Fatal编程技术网

Javascript 新的图像滑块

Javascript 新的图像滑块,javascript,Javascript,我可以通过CSS和HTML构建静态网页,现在我想在我的页面上添加一个图像滑块,我指的是独立水平滑动的图像。我对JQuery、Javascript或Ajax没有任何了解 因此,目前我有一个上传到服务器的images文件夹,在head部分,我放了一个参考Javascript文件: <script type="text/javascript" src="Javascript/slider.js"></script> 现在我卡住了。我怎样才能拿到票 <div>

我可以通过CSS和HTML构建静态网页,现在我想在我的页面上添加一个图像滑块,我指的是独立水平滑动的图像。我对JQuery、Javascript或Ajax没有任何了解

因此,目前我有一个上传到服务器的images文件夹,在head部分,我放了一个参考Javascript文件:

<script type="text/javascript" src="Javascript/slider.js"></script> 

现在我卡住了。我怎样才能拿到票

<div>

我的HTML页面上的标签引用Javascript来上传图像,等等

我将学习编码位,但不知道它是如何链接在一起的

任何帮助都会很好。


<script type="text/javascript" src="Javascript/slider.js">
function someFunc(domObj){
 domObj.innerHtml += "<div id=\"div2\"></div>";

 document.getElementById("div1").innerHtml +="<h1>Hello Foobar World!</h1>";
}
</script> 

<body onLoad="someFunc(this)">
<div id="div1"></div>
</body>
函数someFunc(domObj){ domObj.innerHtml+=“”; document.getElementById(“div1”).innerHtml+=“你好,Foobar World!”; }
这将是一些基本的javascript。对于滑块,可以使用javascript通过css不断更新div的样式/位置


您可能需要使用的一些css属性是背景图像背景位置。

您好,迈克,我可以把javascript放在另一个文件中,而不是像CSS表一样放在主页上吗?@Steve当然你可以使用抱歉Mike我在这里可能听起来有点慢,所以如果我有像:HTML页面:抱歉Mike这样的代码,我在这里可能听起来有点慢,所以如果我有像:HTML页面主体:。。。。。。。。(存储在文件夹中的所有图片)HEAD(脚本存储在服务器上的位置)Javascript是如何调用的?我将通过CSS控制演示文稿。我只需要从“图像”文件夹中收集图片,并在网站的分配空间中以水平幻灯片的形式呈现,并显示一定的时间。在我们继续之前,您确定要自己开发滑块吗?这是以前做过的,使用预制作的或使用JQuery可能会更好。您将遇到的第一个问题是如何计算您指定的文件夹中有多少图像。我不确定这在js中是否可行。您可能需要使用服务器端代码将其发布到html中。一旦你有了它,这将是相当简单的,你可以只是var slider=document.getElementById(“slider”);var img=document.createElement(“img”);img.src=“URL”;滑块。附加子对象(img);