2010-04-26 136 views
2

我正在查看從動態加載src的圖像中獲取圖像名稱。 基本上我正在做的是在網站上使用Google聊天徽章進行聊天。另外,在頁面上的哪個位置,我有一個圖像表示在線聊天:在線聊天或在線聊天:在線聊天。我希望這個改變取決於我是否可以聊天。這有意義嗎?從使用jQuery動態加載的img獲取img src

無論如何,我想要做的最簡單的方法是檢查img url。如果img是offline.gif,那麼顯然我處於離線狀態。

一旦該圖像已加載動態加載的IMG的一個例子是像

<img src="http://www.google.com/talk/service/badge/Show?encrypted_acount_id_here" /> 

,它加載以下圖像之一 「http://www.google.com/talk/service/resources/offlinef.gif」 「http://www.google.com/talk/service/resources/idlef.gif」 「http://www.google.com/talk/service/resources/onlinef.gif

希望這現在有道理。

由於滿口

+0

我不認爲你的方法是正確的路要走。至少通過JavaScript幾乎肯定無法實現。我建議尋找Google聊天狀態API;您應該能夠進行AJAX回調以確定您處於在線還是離線狀態。 – Domenic 2010-04-26 01:14:48

+1

嗯,我想我以前的評論是不好的。儘管有某種XMPP API,但看起來過於複雜。此外,它看起來像有某種徽章可以請求返回不同的圖像標籤。在互聯網上有一些PHP示例代碼...參見例如http://www.digimantra.com/google/show-google-talk-status-website/。轉換爲jQuery/AJAX會很痛苦,但肯定是可行的。 – Domenic 2010-04-26 01:20:16

+0

第二個選項很有用。我看到該網站上有一個免責聲明,說它不是萬無一失的,但是從我進行的有限測試看來,這似乎是可行的。目前,這似乎是唯一或最好的方式。感謝堆! – LeeR 2010-04-26 11:09:18

回答

0

這有可能是圖像本身是動態生成在這種情況下存在不會成爲另一個來源。當您查看其屬性時,您會看到另一個源的唯一原因是由於生成的圖像的內容標題。

如果src本身不過是動態改變你最好的選擇將剛剛得到的元素src屬性。

如果碰巧你真正要找的是編程找到一種方法來知道你是離線或在線的方式,你可以嘗試從圖像的alt屬性。大多數網站都有圖像元素的替代描述,並且如果在線圖像顯示或離線(如果顯示脫機圖像),它應該有望在線閱讀。