Javascript 在页面加载时激活联机幻灯片放映
我正在“WYSIWYG web Bulider”上工作我的网页，在主页上我有一个内联框架，当我点击该内联框架时，另一个页面被打开，上面有在线幻灯片。我希望当页面打开时，在线幻灯片放映会自动触发。 可能我需要一些javascript代码，但我不熟悉编码 测试网页目前使用克罗地亚语，但只需单击图片即可 这是带有在线幻灯片放映的页面的html代码Javascript 在页面加载时激活联机幻灯片放映,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我正在“WYSIWYG web Bulider”上工作我的网页，在主页上我有一个内联框架，当我点击该内联框架时，另一个页面被打开，上面有在线幻灯片。我希望当页面打开时，在线幻灯片放映会自动触发。 可能我需要一些javascript代码，但我不熟悉编码 测试网页目前使用克罗地亚语，但只需单击图片即可 这是带有在线幻灯片放映的页面的html代码 <!doctype html> <html> <head> <meta charset="UTF-8">
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>exteriors</title>
<style type="text/css">
body
{
font-size: 8px;
line-height: 1.1875;
background-color: #FFFFFF;
background-image: url(images/classy_fabric.png);
color: #000000;
}
</style>
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<link rel="stylesheet" href="./prettyPhoto/css/prettyPhoto.css" type="text/css">
<script type="text/javascript" src="./prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("a[rel^='prettyPhoto_OnlineSlideShow']").prettyPhoto({theme:'facebook'});
});
</script>
</head>
<body>
<div id="OnlineSlideShow" style="position:absolute;left:352px;top:337px;width:300px;height:200px;z-index:0;">
<?php
$images_folder = "../pictures/exteriors/";
$image_width = 300;
$image_height = 200;
$count = 0;
$dir = opendir($images_folder);
while ($filename = readdir($dir))
{
$ext = pathinfo($filename, PATHINFO_EXTENSION);
if ($ext == 'gif' || $ext == 'jpeg' || $ext == 'jpg' || $ext == 'png')
{
echo "<a href=\"$images_folder$filename\" rel=\"prettyPhoto_OnlineSlideShow[OnlineSlideShow]\">";
echo "<img class=\"image\" alt=\"\" style=\"border-width:0;left:0px;top:0px;width:" .$image_width. "px;height:" .$image_height. "px;";
if ($count != 0)
{
echo "display:none;";
}
echo "\" src=\"$images_folder$filename\">";
echo "</a>";
echo "\r\n";
$count++;
}
}
?>
</div>
</body>
</html>
外观
身体
{
字号：8px；
线高：1.1875；
背景色：#FFFFFF；
背景图片：url（images/classy_fabric.png）；
颜色：#000000；
}
A.
{
颜色：#0000FF；
文字装饰：下划线；
}
a:参观了
{
颜色：#800080；
}
a:主动的
{
颜色：#FF0000；
}
a:悬停
{
颜色：#0000FF；
文字装饰：下划线；
}
$（文档）.ready（函数（）
{
$（[rel^='prettypto_OnlineSlideShow']）；
});
$(document).ready(function()
{
$("a[rel^='prettyPhoto_OnlineSlideShow']").prettyPhoto({theme:'facebook', ,slideshow:5000, autoplay_slideshow:true});
});
这将触发加载时的幻灯片放映，幻灯片之间的延迟为5秒。如果您使用的是
WYSIWYG