我正在Joomla网站上工作,其中有一个滑块。我正在使用{loadposition slider1}来获取文章中的滑块(滑块1)。滑块下方有一个文本链接。现在,当有人将鼠标悬停在文本链接上时,我希望页面加载另一个滑块(滑块2),位于滑块1的位置。因此,当悬停链接时,悬停链接的访问者将看到滑块2而不是滑块1。
我可以使用javascript执行此操作吗?我一直无法找到解决方案。我希望有人可以帮我解决这个问题。提前谢谢。
答案 0 :(得分:0)
在Joomla!文章中的{loadposition slider1}
标记在触发事件时由内容插件处理。通常为onContentPrepare
或类似事件。其中最重要的部分是它在服务器到达用户浏览器之前就完成了。
正如文章中所处理的那样,无法再次调用服务器并只请求slider 2
...
要交换slider2
,浏览器必须已经可以使用它。要实现此目的,您可以在{loadposition slider2}
或文章中设置为<div>
的其他元素中display:none
。例如
<div id="slider2" style="display:none;">{loadposition slider2}</div>
NB。这不一定是好的HTML ...
这意味着当浏览器收到文章html时,它包含它刚隐藏的元素,然后您可以使用您的javascript隐藏slider1
并在用户将鼠标悬停在链接上时显示slider2
。