1

我在 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 
 }
4

3 回答 3

0

我不知道您之前是如何尝试将 Javascript 添加到 Joomla 文章中的,但请尝试安装Sourcerer插件,该插件允许您将自定义 javascript、php 和许多其他语言添加到您的 Joomla 文章中。

更新:

我刚刚测试了将 javascript 添加到模块并将模块嵌入到文章中,以查看 javascript 是否确实有效并且确实有效。不需要Sourcerer 。您可以简单地将以下代码添加到模块的default.phpmod_xxx.php中:

$document = JFactory::getDocument();    
$js = '$(document).ready(function(){ 
          //more javascript in here
       });';
$document->addScriptDeclaration($js);

然后像往常一样嵌入模块,使用{loadposition xxx}方法

于 2013-01-09T16:24:04.900 回答
0

由于您已经在使用 JCE,因此不需要任何模块或插件来完成这项工作。在 JCE > Editor Profiles 中选择您通常使用的配置文件,然后单击 Editor Parameters 选项卡,然后单击其中的 Advanced 选项卡。您应该会看到允许 Javascript 的设置。打开它,它将允许您在 HTML 视图中插入 Javascript。

于 2013-01-12T04:42:15.620 回答
0

你为什么不把它变成一个变量?看看非常简单的图片库,看看他们是如何做到的。在文章中插入图像和幻灯片放映已经完成了一百万次,您没有理由重新发明,采用现有插件并对其进行修改。

于 2013-01-14T11:14:16.547 回答