Hi, I updated the page with new code (and docs with example). Now it
assumes that you pass the image objects.
You can pass 2 options to the plugin .Reflection(options) with height
and opacity.
You are asking about the way its build, other features like horizontal
reflection (and reflecting other elements). I took the MIT licenced code
of reflection.js and jquerified it. Currently its enough for me..... but
I am happy to accept any patches to improve the plugin.
Have fun...
Abdul
George Adamson wrote:
> Had a play with this. It adds a reflection below image elements. The effect
> crops up in numerous other plugins so it is nice to have this wrapped in a
> plugin of its own.
>
> Took a moment to figure it out because I applied it to img elements at first
> and got nothing.
>
> Re-read/figured that you apply it to elements that contain img elements.
> Works well after that! probably worth making it work directly on img
> elements too eg $("#myImage").Reflection().
>
> A couple of other points:
> - How do you pass the options in? Other plugins do it like this:
> .Reflection(options)
> - Wrapping the image in a div is an accepted way of doing this but it does
> interfere with any positioning etc that the image may have on it. I've not
> seen a really good solution for this that tackles both positioned and
> non-positioned images. Would it be practical to leave the image as it is and
> place the reflection in a positioned div just below the image? (You may then
> need to make space for the reflection otherwise it will cover elements below
> the image. Extending the bottom margin of the image is a possiblity in some
> scenarios.)
> - It assumes a vertical reflection. An option for horiz reflection would
> be great but I realise you may then need extra options for left and right
> (then perhaps separate width & opacity options for the horiz reflection and
> then top and bottom too)
> - IE can reflect other elements. Can the canvas element reflect other
> elements too (text etc) ?
> - The defaults hash may clash with other plugins because it is global (just
> needs "var" in front of it)
>
> George
>
>
> Rey Bango-2 wrote:
>
>> Hi Abdur. What exactly does the plugin do? Do you have a demo?
>>
>> Rey
>>
>> Abdur-Rahman Advany wrote:
>>
>>> Hi,
>>>
>>> I have wrapped reflection.js in a jquery style function so you can just
>>> do $(#div with images of images).Reflection() and you can pass height
>>> and opacity as options.
>>>
>>> http://jquery.com/docs/Plugins/JReflection/
>>>
>>> I will try to make the code more jQuery style and compact...
>>>
>>> I need to add a way so I can choose what array of object jQuery should
>>> return, currently the images are packed inside a div (containing both
>>> image and reflection) and the container(s) is returned. I will try to
>>> add a option or a selector to make this more controllable...
>>>
>>> Abdul
>>>
>>> _______________________________________________
>>> jQuery mailing list
>>> [email protected]
>>> http://jquery.com/discuss/
>>>
>>>
>> _______________________________________________
>> jQuery mailing list
>> [email protected]
>> http://jquery.com/discuss/
>>
>>
>>
>
>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
