解析圖像位置作爲變量

Question

嗨 我正在寫一個php代碼，並且應該在網頁上顯示大量圖像，因此我使用mysql數據庫來存儲座標並使用SELECT將它們取出然後試圖定位它們。

但我無法將座標解析爲變量。

echo "img style=\"position :absolute; top:123px;left:123px\" border=\"0\" src=\"throbber.gif\" alt=\"Image\"/>"; 

在這個地方

我想做的事：

echo "img style=\"position :absolute; top:$variable1 px;left:variable2 px\" border=\"0\" src=\"throbber.gif\" alt=\"Image\"/>"; 

請幫我這個..

Answer 1

嘗試以下操作：

echo '<img style="position:absolute;top:'.$posX.'px;left'.$posY.':px;border:none;" src="throbber.gif" alt="Image" /> 

請注意，你需要開始<img> - 標記爲<。我將border歸屬於CSS（樣式不屬於標記），並使用單引號（'）而不是雙引號（"）來防止字符串內部的衝突（轉義序列相當難看）。除此之外，我使用字符串連接（運算符爲.）將變量添加到字符串。

Answer 2

由於變量和「px」之間不應該有空格，所以可以使用級聯運算符「。」爲了做到這一點。

它的工作原理是這樣的：

$a = "hello"; 
$b = 10; 

echo $a . $b; // Output: hello10 

所以

echo '<img style="position: absolute; top: ' . $variable1 . 'px; left: ' . $variable2 . 'px;" border="0" src="throbber.gif" alt="Image">'; 

應該工作。

Answer 3

你可以使用大括號中的變量：

echo "<img style=\"position: absolute; top: {$variable1}px; left: {$variable2}px\" border=\"0\" src=\"throbber.gif\" alt=\"Image\"/>";