內容簡介
Lytebox 是一個 WordPress 外掛,可讓你在網頁上顯示圖像和 HTML 內容,而無需觀看者離開頁面,在易於使用的方式中顯示內容。
使用方法
為您想要顯示的類型添加適當的 rel 屬性。
要顯示圖像,將 rel = "lytebox" 添加到圖像的鏈接。
要顯示 HTML 內容,將 rel = "lyteframe" 添加到頁面的鏈接。
瀏覽器相容性
雖然從一開始就考慮了瀏覽器相容性,但並非所有瀏覽器都可以進行測試。這些瀏覽器包括 Safari、Netscape 和僅限於 Linux 的瀏覽器(例如 Konquerer)。已測試的主要瀏覽器覆蓋了大約 98% 的使用中瀏覽器,因此可以說不會出現任何主要問題。
有一個“特殊”問題僅與 Internet Explorer 相關。 有時頁面的右側會有一個未覆蓋的小區域。這是由於 IE 計算其邊距的方式。將以下樣式添加到頁面中將修復此問題(但它也會影響整個頁面的外觀):body { margin: 0 auto; }。
已使用此程式碼測試了以下瀏覽器:
* IE 5.01 SP2- 淡入效果不起作用,但背景變暗(完全)。
* IE 5.5 SP2- 沒有已知問題。
* IE 7.0 - 沒有已知問題。
* Opera 9.23- 沒有已知問題。
* Firefox 1.5 +- 沒有已知問題,當然。<h3>許可</h3>
知識共享許可證
本作品採用知識共享署名 3.0 授權。
外掛標籤
開發者團隊
原文外掛簡介
Lytebox allows you to display images and html content on a webpage without have the viewer leave the page by displaying the content in an easy to use way.
How To Use
Add the appropriate rel attribute for the type of display you want.
To display images, add rel=”lytebox” to the link to the image.
To display html content, add rel=”lyteframe” to the link to the page.
Browser Compatibility
While browser compatibility was in mind from the start, not all browsers were available for testing. These browsers include Safari, Netscape, and Linux-only browsers such as Konquerer. The major browsers that were tested cover approximately 98% of browsers in use, so it’s fairly safe to say that no major problems will arise.
There is a “special” issue that is related to IE only. Sometimes the right side of the page will have a small area that is not overlayed. This is due to the way IE measures it’s margins. Adding the following style to the page will fix this issue (but it will also affect the appearance of the entire page): body { margin: 0 auto; }
The following browsers have been tested with this script:
* IE 5.01 SP2 - The fade effect does not work, but the background is darkened (completely).
* IE 5.5 SP2 - No known issues.
* IE 7.0 - No known issues.
* Opera 9.23 - No known issues.
* Firefox 1.5+ - No known issues, of course.
License
Creative Commons License
This work is licensed under a Creative Commons Attribution 3.0 License.
