Title: Ez Overlay
Author: Adam Nowak
Published: <strong>5. nowembra 2010</strong>
Last modified: 5. nowembra 2010

---

Tykače pytać

Tutón tykač **njeje so z najnowšimi 3 hłownymi wersijemi WordPress testował**. Snano
so hižo njewothladuje abo njepodpěruje a ma problemy z kompatibelnosću, hdyž so 
z nowšimi wersijemi WordPress wužiwa.

![](https://s.w.org/plugins/geopattern-icon/ez-overlay.svg)

# Ez Overlay

 Wot [Adam Nowak](https://profiles.wordpress.org/adam320/)

[Sćahnyć](https://downloads.wordpress.org/plugin/ez-overlay.1.0.zip)

 * [Podrobnosće](https://hsb.wordpress.org/plugins/ez-overlay/#description)
 * [Pohódnoćenja](https://hsb.wordpress.org/plugins/ez-overlay/#reviews)
 *  [Instalacija](https://hsb.wordpress.org/plugins/ez-overlay/#installation)
 * [Wuwiće](https://hsb.wordpress.org/plugins/ez-overlay/#developers)

 [Podpěra](https://wordpress.org/support/plugin/ez-overlay/)

## Wopisanje

This plugin is an alternative to the jQuery based lightbox systems. It was created
using pure Javascript and has no dependencies on any other libraries. I created 
this simple lightbox after weeks of dealing with jQuery conflicts within Buddypress
and WordPress. Many of the existing jQuery type lightboxes do not stop audio playback
for flash/.swf playback when closing the lightbox. This plugin completely removes
the overlay content from the dom to make absolutely sure your .swf file playback
is stopped in all browsers.

### Help

**How to implement the Ez Overlay lightbox:**

 1. Copy the code for this example into the WordPress editor in the HTML window or 
    start from scratch and go to step 2.
 2. Create an Ez Overlay Div element by assigning it a with the class=“ez-overlay“,
    to avoid css conflicts add your target div to the body of your html and not within
    a sidebar or another div.
 3. Assign the new Div a unique CSS Id so it can be activated by the trigger. Ie: id
    =“my-overlay“.
 4. Put whatever Html content within the Ez Overlay Div.
 5. Create a trigger for the overlay, it can be just about any Html element but needs
    an ‚onlclick‘ attribute to activate the lightbox. See the ezFade() function below.

**Tips:**

 1. Ie7 will render text elements within this overlay at a different size than Ie8.
    If this is an issue, just assign a width and height to your Ez Overlay target div
    using an inline style.
 2. Avoid padding or adding margins to the Ez Overlay target div. Padding adds to a
    div’s width and height and will throw your overlay off-center. Just add a margin
    to the elements within the target div instead.
 3. In the folder named ‚uncompressed-js‘, there is a file named ‚ez-overlay.js‘ which
    is a readable copy of the compressed code for tinkering.
 4. The plugin removes the overlay div’s from the dom when you exit out of them, this
    is so that .swf playback will be halted on all browsers. Don’t panic, the plugin
    immediately returns them to the body of your html document at the very end.

**ezFade Function:**

    ```
    onclick="ezFade('my-overlay4',800,true,100,100);"
    ```

The ezFade() function accepts five arguments, the first being the target lightbox
to be triggered, the second is the fade time. The third argument is to activate "
fixed mode", and finally the x/y coordinates if you want you overlay to be fixed
in a certain position.

## Fota wobrazowki

 * [[
 * A Swf overlay in action

## Instalacija

 1. Upload the entire ‚ez-overlay‘ folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‚Plugins‘ menu in WordPress
 3. Create your overlay’s and triggers with html using the examples included in the
    plugin folder.
 4. Example overlay div to be put in the body of your html: `<div id="my-overlay1" 
    class="ez-overlay"><h2>Ez Overlay</h2></div>`
 5. Example trigger to be put anywhere in your html code: `<span style="cursor:pointer;
    color:#036;" onclick="ezFade('my-overlay1');">Open Overlay1</span>`

## Pohódnoćenja

Za tutón tykač pohódnoćenja njejsu.

## Sobuskutkowarjo a wuwiwarjo

„Ez Overlay“ je softwara wotewrjeneho žórła. Slědowacy ludźo su k tutomu tykačej
přinošowali.

Sobuskutkowarjo

 *   [ Adam Nowak ](https://profiles.wordpress.org/adam320/)

[Přełožće „Ez Overlay“ do swojeje rěče.](https://translate.wordpress.org/projects/wp-plugins/ez-overlay)

### Na wuwiću zajimowany?

[Přehladajće kod](https://plugins.trac.wordpress.org/browser/ez-overlay/), hladajće
do [SVN-repozitorija](https://plugins.svn.wordpress.org/ez-overlay/) abo abonujće
[wuwiwanski protokol](https://plugins.trac.wordpress.org/log/ez-overlay/) přez [RSS](https://plugins.trac.wordpress.org/log/ez-overlay/?limit=100&mode=stop_on_copy&format=rss).

## Protokol změnow

#### 1.0

 * Hello WordPress World!

## Meta

 *  Version **1.0**
 *  Last updated **15 lět**
 *  Active installations **10+**
 *  WordPress version ** 2.8 abo nowši **
 *  Tested up to **3.0.5**
 *  Language
 * [English (US)](https://wordpress.org/plugins/ez-overlay/)
 * Tags
 * [buddypress](https://hsb.wordpress.org/plugins/tags/buddypress/)[lightbox](https://hsb.wordpress.org/plugins/tags/lightbox/)
   [overlay](https://hsb.wordpress.org/plugins/tags/overlay/)[popup](https://hsb.wordpress.org/plugins/tags/popup/)
   [shadowbox](https://hsb.wordpress.org/plugins/tags/shadowbox/)
 *  [Rozšěrjeny napohlad](https://hsb.wordpress.org/plugins/ez-overlay/advanced/)

## Pohódnoćenja

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/ez-overlay/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/ez-overlay/reviews/)

## Sobuskutkowarjo

 *   [ Adam Nowak ](https://profiles.wordpress.org/adam320/)

## Podpěra

Chceće něšto prajić? Trjebaće pomoc?

 [Forum pomocy pokazać](https://wordpress.org/support/plugin/ez-overlay/)

## Darić

Chceće dalewuwiwanje tutoho tykača podpěrać?

 [ Za tutón tykač darić ](http://hyperspatial.com/donate)