2015-10-21 60 views
0

某些公告板系統或內容管理系統允許用戶用圖像和視頻寫文章。圖像和視頻可以插入標籤img,embed腳本可以在網頁中加載圖像,點播視頻

我想要做的是,我想讓讀者決定加載圖像和視頻或不。換句話說,我想把一些佔位符說點擊加載。下面的圖片是我想要的。但它是一個Web瀏覽器的功能。我想在服務器端或客戶端實現它。

我想要這個功能的原因是,一些大圖片,GIF和自動播放視頻不利於手機或某些人。

http://cdn.osxdaily.com/wp-content/uploads/2011/06/click-to-play-flash-example-chrome-300x251.jpg

http://cdn9.howtogeek.com/wp-content/uploads/2014/04/click-to-play-plug-ins4.png

一個簡單的想法是,檢查標記imgembed與正則表達式在某些已知的區域,例如<div id="contents"></div>。如果正則表達式命中,用佔位符和定製的javscript或PHP函數click_to_load()替換它。

從頭開始之前,我想知道是否有一個這樣的庫已經實現了這一點。

回答

0

如果需要,您可以根據需要在純JavaScript中進行加載。如果你想在JavaScript中編寫功能click_to_load(),你只需要在HTML中有一個圖像沒有源代碼,然後點擊一個按鈕就可以在JavaScript中更改源代碼。

function click_to_load() { 
    document.getElementById("image").src = "http://i.imgur.com/AXTI1Gr.gif"; 
} 

這個功能改變的圖像源到貓的一個.gif

現在只是有這個JavaScript

document.getElementById("button").onclick = click_to_load; 

example code that works

添加一個按鈕