Apple effect Jquery not working

Question

Hello, I'm here again because of jquery overlay.

I have an overlay that loads a normal Div into it, i want to apply the apple effect to it, but i can't, i get an javascript error "Effect no found".

The code for the jquery function is written as below:

<script type="text/javascript">
        function pageLoad() {
            var triggers = $("button.modalInput").overlay({
                // some expose tweaks suitable for modal dialogs
                expose: {
                    color: '#333',
                    loadSpeed: 200,
                    opacity: 0.3,
                    zIndex: 99
                },
                top: '15%',
                effect: 'apple',
                closeOnClick: false
            });
        } 
    </script>

That function when executed throws that error. If i remove the 'effect' line everything works fine but obviously without the effect. Anyone who can help me ? Thank you very much.

Answer 1

You need to setup the apple effect in a css file. See http://flowplayer.org/tools/css/overlay-apple.css for an example.