链接名称在幻灯片放映

这又是我 - 现在的代码工作，但我似乎无法能够链接在ALT添加到“$信息[”名称“]” 。我希望能够添加图片和名称的链接。图片链接有效，但链接不会显示在名称中。链接名称在幻灯片放映

我在下面的代码中可能会有一些错误。该链接适用于图片，但现在在alt中。

下面的代码：

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 

<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<meta http-equiv="Content-Style-Type" content="text/css" /> 
<title>JQuery Cycle Plugin - Pager Demo with Prev/Next Controls</title> 
<link rel="stylesheet" type="text/css" media="screen" href="../jq.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="cycle.css" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> 
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script> 

<style type="text/css"> 
#main { margin: 20px } 
#nav { margin: 10px; position: relative } 
#nav li { float: left; list-style: none} 
#nav a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none } 
#nav li.activeSlide a { background: #faa; color: black } 
#nav a:focus { outline: none; } 

</style> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#slideshow').cycle({ 
      prev: '.prev', // Setup prev links 
      next: '.next', // Setup next links 
      pager: '.nav',  // Setup pager navs   
      before: function() {   
      $("#name").html($(this).children("img").attr("alt"));  
     } 
    }); 
}); 
</script> 

<style type="text/css"> 
#left, #slideshow, #right { float: left; width: 200px; } 
</style> 
</head> 
<body> 

<!-- left nav bar --> 
<div id="left"> 
    <a href="#"><span class="prev">Prev</span></a> 
    <a href="#"><span class="next">Next</span></a> 

    <ul class="nav"></ul> 
</div> 

<!-- slideshow --> 
<div id="slideshow"> 


<?php 
       mysql_connect("localhost", "root", "")or die("cannot connect"); 
       mysql_select_db($db_name)or die("cannot select DB"); 

       $data = mysql_query("SELECT * FROM people") or die(mysql_error()); 
       while($info = mysql_fetch_array($data)){ 

    <!--THIS CODE BELOW --> 
    echo "<a href=\"display.php?id=".$info['id']."\"><img src=\"uploads/".$info['pic'] . "\" alt=\"<b><a href=\"display.php?id=".$info['id']."\">".$info['name']."</a></b><br />".$info['sex']. "<br />".$info['location']. 
     "<br />".$info['age']."</a>"; 
    } 
?> 

</div> 

<div id="name"> 

</div> 
<!-- right nav bar --> 
<div id="right"> 
    <a href="#"><span class="prev">Prev</span></a> 
    <a href="#"><span class="next">Next</span></a> 
    <ul class="nav"></ul> 
</div> 


</div> 

</body> 
</html>

我会感激你的帮助乡亲能够动态地添加链接名称。

来源

2011-08-18 Julie

问题不太清楚，你想你要回显的字符串出现在name div里吗？ – Ali

@Ali - 是的，我希望回显字符串出现在名称div中;并且在该回显字符串中，我动态插入了要显示的数据。这是$ info ['name']。我想动态地为它创建一个链接，但是现在，它不工作...图像显示正常，但不是'name'div中的字符串。 – Julie

而不是回显字符串，为什么不把它读入一个变量并在适当的位置回显你里面的变量html也看起来像你在alt属性中使用HTML。你不能那样做。即使你可以这样做，你正在双引号内使用双引号，这将结束双引号并打破字符串。

试着改变你的echo命令：

echo "<a href=\"display.php?id=".$info['id']."\"><img src=\"uploads/".$info['pic'] . "\" alt=\"<b><a href='display.php?id=".$info['id']."'>".$info['name']."</a></b><br />".$info['sex']. "<br />".$info['location']. 
     "<br />".$info['age']."</a>";

伊夫唯一改变的是锚链接（即低于我更换“部分与”

<a href='display.php?id=".$info['id']."'>

来源

2011-08-18 16:11:24 Ali

链接名称在幻灯片放映

回答

相关问题