【发布时间】:2012-12-23 21:03:39
【问题描述】:
我在 Joomla 的一篇文章中使用了 JavaScript,它应该在该页面上每 5 秒自动加载一次图像。最初我无法添加 JavaScript,现在在其他用户的帮助下已解决。
我现在有一个新问题。当 JavaScript 应该刷新图像时,它无法加载图像。我没有收到损坏的路径符号,但也没有显示图像。我附上了我正在使用的代码。
<script type="text/javascript">// <![CDATA[
var picPaths = ['C:/wamp/www/joomla1/images/snapshots/cal01.jpeg'];
var curPic = -1;
var imgO = new Array();
for (i = 0; i < picPaths.length; i++) {
imgO[i] = new Image();
imgO[i].src = picPaths[i];
}
function swapImage() {
curPic = (++curPic > picPaths.length - 1) ? 0 : curPic;
imgCont.src = imgO[curPic].src;
setTimeout(swapImage, 5000);
}
window.onload = function() {
imgCont = document.getElementById('alpana');
swapImage();
}
// ]]></script>
/* 这是一个位置为 akrudi 的模块,我在这样的文章中称它为 */
{loadposition akurdi}
<p><img id="alpana" src="" height="250" width="250" />
</p>
第二个密码
function refresh()
{
var imgsrc = document.getElementById("pic");
alert("message box"+imgsrc);
document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();
}
window.onload=function(){
setInterval(function(){refresh()}, 5000 ); //set interval onload just one time
}
【问题讨论】:
-
更新 我已经能够使用模块添加 javascript,方法是创建引用特定 div id 的模块并在文章中使用相同 id 的 div。我现在面临的问题是图像加载
-
图片路径,尝试使用
<?php echo JURI::root() . "images/snapshots/cal01.jpeg" ?> -
@Lodder 在哪里包含图像路径?在
-
在你的javascript中,像这样:
var picPaths = <?php echo JURI::root() . "images/snapshots/cal01.jpeg" ?>; -
UPDATE javascript 代码在 Joomla 文章内主页中的 Atomic 默认模板中工作。但是,如果我打开 Joomla 文章本身,脚本会停止在文章中加载图像。这有点帮助吗? @Lodder我尝试添加代码,但编辑器验证了html并在给定的行 var picPaths = "图像/快照/cal01.jpeg"";
标签: javascript image refresh joomla2.5