add a reflection effects to images

[lexoyo]

About

Note: his widget is made with the reflection.js script

Here is how reflection effect looks like

Use

• save this script to your dropbox, put it in the same folder as your website's HTML page
  https://dl.dropboxusercontent.com/u/67780219/silex-widgets/reflection/reflection.js
• paste this code in Silex script editor

//////////////////////////////////////////
// silex reflection widget
document.write('<script type="text/javascript" src="reflection.js"></'+'script>');
$(function(){
    console.log('reflect');
    $(".reflect img").reflect().on('load', function(){
        // let the reflection apear
        $(".reflect div").width('100%').height('100%').css('overflow', 'visible');  
        // restore silex setting for the image element 
        $(this).width('100%').height('100%');  
    });
});
//////////////////////////////////////////

• enter the apollo mode (tool menu)
• select each image which you want to have a reflection effect and add the css class 'reflect' to it (in the text field bellow "CSS classes" in the properties)

[BaguetteAgile]

@lexoyo

Bonjour Alex, le lien de téléchargement n'est plus valide.
Si possible faire le nécessaire . D'avance Merci.

Baguette Agile