Javascript 从先前设计的图库中进行自动过渡幻灯片放映
正如标题所述,我的网站目前有一个“点击转到下一张图片”幻灯片作为横幅图片。我想把它变成一个幻灯片,自动从一个图像转换到另一个图像,但我不知道具体怎么做 可在@ 代码如下:Javascript 从先前设计的图库中进行自动过渡幻灯片放映,javascript,jquery,html,css,Javascript,Jquery,Html,Css,正如标题所述,我的网站目前有一个“点击转到下一张图片”幻灯片作为横幅图片。我想把它变成一个幻灯片,自动从一个图像转换到另一个图像,但我不知道具体怎么做 可在@ 代码如下: <div class="camera_container"> <div class="camera_wrap" id="camera"> <div data-src="images/page-1_slide1.jpg"> <div cla
<div class="camera_container">
<div class="camera_wrap" id="camera">
<div data-src="images/page-1_slide1.jpg">
<div class="camera_caption fadeIn">
<div class="jumbotron jumbotron1">
<em>On Tour</em>
<div class="wrap">
<p>Engineered Elegance</p>
</div>
</div>
</div>
</div>
<div data-src="images/page-1_slide2.jpg">
<div class="camera_caption fadeIn">
<div class="jumbotron jumbotron2">
<em>ELEVATE</em>
<div class="wrap">
<p>Your Brand Lives Here.</p>
</div>
</div>
</div>
</div>
<div data-src="images/page-1_slide3.jpg">
<div class="camera_caption fadeIn">
<div class="jumbotron">
<em>Tech Branding</em>
<div class="wrap">
<p>Stand out from the crowd with technological branding</p>
</div>
</div>
</div>
</div>
</div>
</div>
巡回演出
工程优雅
提升
你的品牌就在这里
科技品牌
凭借科技品牌从人群中脱颖而出
查看站点页面加载后,您可以执行以下操作:
// Creates an interval that runs the function every 2 seconds
setInterval(
function () {
// Finds the ul holding the little dots
var ul = $(".camera_pag_ul");
// Finds the currently selected dot
var selected = ul.find('.cameracurrent');
// Finds the next dot to click
var next = selected.next('li');
// If the next dot exists click it, else start over with first one
if (next.length != 0) {
next.click();
}
else {
ul.find('li:first').click();
}
}, 2000
);
如果我在站点上的控制台中运行它,这是可行的。这将每2秒切换一次图像。显然,您可以将
2000
更改为其他内容,以在下一个图像显示之前增加图像显示时间。我将如何准确地实现@a测试?我对Java不是很在行:(@m.risk)你有权访问站点代码吗?该图像在哪里初始化?我将在那里粘贴此代码。直接粘贴在它后面。@a测试。-我有权访问站点代码。该图像横幅位于索引页的右侧。我将在这之后粘贴它,看看会发生什么。@a测试界面-当你说你在控制台中运行它时n站点,你的确切意思是什么?我在当前站点没有访问站点文件的权限来测试它,但我很好奇你在没有站点文件的情况下是如何测试它的。我打开了网站,打开了开发者控制台,在chrome中按ctrl+shift+I,然后将其粘贴到控制台中,该控制台以该快捷方式打开,然后按enter键。