在旋转javascript横幅中添加链接
Adding link in rotating javascript banner
我有一个旋转横幅,需要添加链接到示例。下面是js代码的一部分。我的问题是让href在index.php页面中工作。
function change_banner(){
data=xmldata[changenum]; //get current banner XML object
img=$(data).attr("src"); //retrieve variables
href=$(data).attr("href");
target=$(data).attr("target");
$(".banner_img_href").attr("href",href); //change variables on HTML
$(".banner_img_href").attr("target",target);
$("#banner_image").attr("src",img);
这是html:
<div class="banner">
<div class="banner_text">
<img src="images/banner_text.png">
</div>
<div class="banner_img">
<img border='0' src="images/banner_gas.png" id='banner_image' alt='Banner Image' />
</div>
</div>
我试过基本的链接,但没有骰子。我不确定这件事哪里出了问题。
谢谢你,
B Graves
我知道你说过你尝试了基本链接,但下面的html应该有效:
<div class="banner">
<div class="banner_text">
<a class="banner_img_href" href="http://someurl.com">
<img src="images/banner_text.png">
</a>
</div>
<div class="banner_img">
<a class="banner_img_href" href="http://someurl.com">
<img border='0' src="images/banner_gas.png" id='banner_image' alt='Banner Image' />
</a>
</div>
</div>
JavaScript:
function change_banner(){
data=xmldata[changenum]; //get current banner XML object
img=$(data).attr("src"); //retrieve variables
href=$(data).attr("href");
target=$(data).attr("target");
$(".banner_img_href").attr("href",href); //change variables on HTML
$(".banner_img_href").attr("target",target);
$("#banner_image").attr("src",img);
}
在您的代码中,没有任何banner_img_href
类的元素,因此实际上没有在任何元素上设置href属性。
如果这不起作用,我会验证您的数据是否确实包含href的有效url,并且您能够检索它(使用浏览器中的开发人员工具设置断点并检查值,或者使用console.log(href)
将值输出到JavaScript控制台)。
编辑:我刚刚检查了你是如何获得数据的,以及数据的格式。您的XML文件可能应该采用不同的格式,如下所示:
<gallery fade="500" ontime="5000">
<picture src="images/banner_gas.png" href="desiccant-dryers-air-dryers.php" />
<picture src="images/banner_liquid.png" href="backwashing-sand-filters.php" />
<picture src="images/banner_mis.png" href="air-cooled-chillers-explosion-preventers.php" />
</gallery>
问题在于获取数据的方式和数据的格式。如果按照上面的方式格式化xml文件,它应该可以正常工作。
相关文章:
- 如何在Angular中的表的所有单元格中添加链接
- 如何使用 HTML/JavaScript 为对象添加链接
- 如何在滑块图像上添加链接
- HTML::向输入标记添加链接
- 正在向库图像添加链接
- 在旋转javascript横幅中添加链接
- 向每个堆叠条形图项目添加链接
- 根据课程自定义字段在课程页面上添加链接
- 如何使用java脚本添加链接
- 如何在D3元素中添加链接
- 如果满足条件,则使用JQuery向元素添加链接
- 当屏幕尺寸较小时,可使用Javascript向移动菜单添加链接.不再有效
- javascript下拉列表-无法添加链接
- Ext JS Gannt 在任务之间添加链接
- 添加链接时 JQuery 停止工作
- Javascript 在添加表行时添加链接文本
- 如何在 d3.js 行添加链接名称
- Umbraco 将从第 @nodename 页添加链接作为表单上的文本输入值
- 在jQuery插件中添加链接的方法
- 在可折叠内容标头(拆分链接)中添加链接 - 缺少 css