在页面加载时激活在线幻灯片放映
Activate online slide show on page load
我在"WYSIWYG web Bulider"上处理我的网页,在主页上我有内联框,当我单击该内联框时,会打开另一个有在线幻灯片的页面。我希望当打开该页面时,会自动触发在线幻灯片放映。可能我需要一些javascript代码,但我不熟悉编码。
测试网页上充斥着克罗地亚语,但点击图片即可http://3dvizlab.com/test/3d_vizualizacija.php
这是网页的html代码与在线幻灯片显示
<!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>
将函数调用更改为
$(document).ready(function()
{
$("a[rel^='prettyPhoto_OnlineSlideShow']").prettyPhoto({theme:'facebook', ,slideshow:5000, autoplay_slideshow:true});
});
这应该会在加载时触发幻灯片放映,幻灯片之间有5秒的延迟。
相关文章:
- 幻灯片滚动javascript不起作用
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 创建具有可变长度幻灯片显示的幻灯片
- jQuery/JavaScript在线公文包表单-打印样式表
- 通过幻灯片更改事件停止使用jquery的音频
- 不能在同一页上进行多个jquery幻灯片切换
- 我可以使此幻灯片图像自动播放吗?
- JS幻灯片与CSS背景颜色变化
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- jQuery图像幻灯片,在停止后淡出到第一张图像
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- JQuery幻灯片,可点击编号位置
- Jquery幻灯片以一行左侧的图像开始,但我希望它从右端开始
- Javascript在HTML表中输出在线用户名
- ionic幻灯片框中的每张幻灯片都有不同的HTML文件
- 使用jQuery无限循环播放HTML页面幻灯片
- 在线程循环中调用JavaScript
- 跟踪用户观看在线图像幻灯片的时间
- 在页面加载时激活在线幻灯片放映
- Jquery幻灯片可以离线运行,但不能在线运行