如何設置鏈接打開圖片，視頻和音頻

Question

我有一個包含的圖片，視頻和音頻與各行的列表三個錶行：

echo '<td width="11%" class="imagetd">'. ((empty ($arrImageFile[$key])) ? "&nbsp;" : '<ul class="qandaul"><li>'.htmlspecialchars(is_array($arrImageFile[$key]) ? implode(",", $arrImageFile[$key]) : $arrImageFile[$key])). '</li></ul></td>' . PHP_EOL; 
    echo '<td width="11%" class="videotd">'. ((empty ($arrVideoFile[$key])) ? "&nbsp;" : '<ul class="qandaul"><li>'.htmlspecialchars(is_array($arrVideoFile[$key]) ? implode(",", $arrVideoFile[$key]) : $arrVideoFile[$key])). '</li></ul></td>' . PHP_EOL; 
    echo '<td width="11%" class="audiotd">'. ((empty ($arrAudioFile[$key])) ? "&nbsp;" : '<ul class="qandaul"><li>'.htmlspecialchars(is_array($arrAudioFile[$key]) ? implode(",", $arrAudioFile[$key]) : $arrAudioFile[$key])). '</li></ul></td>' . PHP_EOL; 

現在目前它只是名單項目符號列表中的圖像，視頻和音頻文件名稱。但我想要做的是，我想將每個文件設置爲超鏈接，這樣如果用戶點擊任一鏈接，它將在單獨的頁面中顯示圖像，視頻或音頻（單獨的窗口將打開） ，無論是作爲更大的還是顯示玩家播放視頻或音頻。

我的問題是如何做到這一點，我需要做什麼以下步驟？

由於

UPDATE：

列表是包含從數據庫中的數據來陣列。以下是視頻陣列和數據庫的代碼。音頻和圖像有類似的設置

$vidquery = "SELECT s.SessionId, q.QuestionId, v.VideoId, VideoFile 
       FROM Session s 
       INNER JOIN Question q ON s.SessionId = q.SessionId 
       INNER JOIN Video_Question vq ON q.QuestionId = vq.QuestionId 
       INNER JOIN Video v ON vq.VideoId = v.VideoId 
       WHERE s.SessionId = ?"; 

    global $mysqli; 
    $vidqrystmt=$mysqli->prepare($vidquery); 
    // You only need to call bind_param once 
    $vidqrystmt->bind_param("i",$_POST["session"]); 
    // get result and assign variables (prefix with db) 
    $vidqrystmt->execute(); 
    $vidqrystmt->bind_result($vidSessionId,$vidQuestionId,$vidVideoId,$vidVideoFile); 

     $arrVideoFile = array(); 

    while ($vidqrystmt->fetch()) { 
    $arrVideoFile[] = basename($vidVideoFile); 
    } 

    $vidqrystmt->close(); 

Answer 1

保留單獨的圖像，音頻，視頻文件的div。 圖像DIV例如：

<img alt="Loading" id="tempImg" style="width: 150px; height: 150px;" src=""> 

如音頻格

<object id='tempAud1' name="emQTPlayer" height="45px" width="120px" 
        style="behavior: url(#BinaryBehaviorID)" 
        codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
        classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> 
        <param name="autoplay" value="false" /> 
        <param name="src" 
         value="" /> 
        <param name="controller" value="true" /> 
        <param name="type" value="video/quicktime" /> 
        <param name="align" value="bottom" /> 
        <param name="border" value="0" /> 
        <%--      <param name="wmode" value="transparent">--%> 
        <param name="showcontrols" value="true"> 
        <embed id='tempAud2' name="emQTPlayer" type="video/quicktime" 
         autoplay="false" height="45px" width="120px" align="top" 
         border="0" controller="true" postdomevents="true" 
         pluginspage="http://www.apple.com/quicktime/download/" 
         showcontrols="true" 
         src='' /> 
       </object> 

和視頻DIV使用

<object id='tempVid1' name="emQTPlayer" height="240px" 
        width="320px" style="behavior: url(#BinaryBehaviorID)" 
        codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
        classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> 
        <param name="autoplay" value="false" /> 
        <param name="src" 
         value="" /> 
        <param name="controller" value="true" /> 
        <param name="type" value="video/quicktime" /> 
        <param name="align" value="bottom" /> 
        <param name="border" value="0" /> 
        <param name="scale" value="tofit" /> 
        <%--         <param name="wmode" value="transparent">--%> 
        <param name="showcontrols" value="true"> 
        <embed id='tempVid2' name="emQTPlayer" type="video/quicktime" 
         autoplay="false" height="auto" width="auto" align="top" 
         border="0" controller="true" postdomevents="true" 
         pluginspage="http://www.apple.com/quicktime/download/" 
         showcontrols="true" scale="tofit" 
         src='' /> 
       </object> 

...在對文件名的onclick事件傳遞SRC值的JavaScript函數，並將其設置爲respetive src ....