2011-08-18 137 views
1

這又是我 - 現在的代碼工作,但我似乎無法能夠鏈接在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> 

我會感激你的幫助鄉親能夠動態地添加鏈接名稱。

+0

問題不太清楚,你想你要回顯的字符串出現在name div裏嗎? – Ali

+0

@Ali - 是的,我希望回顯字符串出現在名稱div中;並且在該回顯字符串中,我動態插入了要顯示的數據。這是$ info ['name']。我想動態地爲它創建一個鏈接,但是現在,它不工作...圖像顯示正常,但不是'name'div中的字符串。 – Julie

回答

0

而不是回顯字符串,爲什麼不把它讀入一個變量並在適當的位置回顯你裏面的變量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']."'>