TechMates
member?
If not be one of us!Join us guys!
Login if your a member!
Enjoy!
TechMates
member?
If not be one of us!Join us guys!
Login if your a member!
Enjoy!
TechMates
Would you like to react to this message? Create an account in a few clicks or log in to continue.

TechMates

Life is Useless without TechMates
 
HomePortalSearchLatest imagesRegisterLog in

 

 Elastic Primary Picture

Go down 
AuthorMessage
Admin
Admin
Admin
Admin


Posts : 76
Points : 119
Reputation : 6
Join date : 2009-07-20
Age : 31
Location : Manila

Elastic Primary Picture Empty
PostSubject: Elastic Primary Picture   Elastic Primary Picture EmptyTue Jul 28, 2009 2:38 am

Now you can play with your primary Picture Very Happy
Preview: soon to update


Heres the code:
Code:

$$('div.imgblock200').each(function (elm) {
    var fx = new Fx.Styles(elm, {
        transition: Fx.Transitions.Elastic.easeOut,
        duration: 1000,
        wait: false
    });
    elm.setHTML(elm.innerHTML.replace(/(<a href="[\S]*?")/g, "<a")).addEvents({
        'mousedown': function (e) {
            e = new Event(e).stop();
            this.setOpacity(0);
            var clone = this.clone().setStyles(this.getCoordinates()).setStyles({
                'cursor': 'move',
                'zIndex': 50000
            }).addEvent('emptydrop', function () {
                this.remove();
                elm.setOpacity(1);
                fx.start({
                    'margin': [50, 0]
                });
            }).setOpacity(0.5).inject(document.body);
            var drag = clone.makeDraggable(elm);
            drag.start(e);
        },
        'mouseenter': function () {
            this.setStyle('cursor', 'move');
        }
    });
});


put it on your .js(javascript) File.

credits: Heinz
Back to top Go down
http://www.jorgyrom.tk
 
Elastic Primary Picture
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
TechMates :: Friendster Design and Development :: Friendster Tricks and Tutorials :: JavaScript-
Jump to: