2012-10-22 86 views
0

我不敢相信這個問題以前沒有問過!也許我不明白YUI ......我有一個在他們的網站上使用YUI庫的客戶端。我不想加載額外的庫(即jQuery)我對YIU知之甚少,但我認爲它與jQuery的目的相似。 (我得到的問題,這是jut,我已張貼在其他地方,答案是「使用jquery」,或「爲什麼你想這樣做YUI」,而不是回答這個問題)yui圖像彈出

Sooo ...我想加載一個小圖片,當點擊圖片時彈出一個大版本的模態對話框...我想使用YIU。請有人告訴我這是否可以完成,如果可以的話。請將我指向嘖嘖,或者至少在YUI API中尋找。

感謝喲

+0

@ jshirley的答案是正確的。您可能還想看看YUI Lightbox Gallery模塊:http://yuilibrary.com/gallery/show/lightbox – juandopazo

回答

2

假設你使用YUI 3,你應該使用Y.Panel這一點。使用這個小部件非常簡單。

以下是此一個完整的工作示例:http://jsbin.com/uxalec/1/edit

爲Y.Panel該文檔可在http://yuilibrary.com/yui/docs/panel/dialog.html

+0

您可能希望在加載圖像後(可能在幾毫秒之後)調用align()。 – juandopazo

+0

這是一個很好的觀點。你可以做的另一件事是預取圖像。在任何情況下,值得閱讀ImageLoader的文檔http://yuilibrary.com/yui/docs/imageloader/ – jshirley

+0

謝謝你,指着我在正確的方向jshirley(不僅僅是...奇妙的示例代碼! )這正是我認爲可以做到的。 – DogBot