TechMates
member?
If not be one of us!Join us guys!
Login if your a member!
Enjoy!

TechMates

Life is Useless without TechMates
 
HomePortalCalendarFAQSearchMemberlistUsergroupsRegisterLog in

Share | 
 

 Elastic Primary Picture

Go down 
AuthorMessage
Admin
Admin
Admin
avatar

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

PostSubject: Elastic Primary Picture   Tue 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

_________________
YM: jorgy_rom

"Kahit hindi naging tau sa huli..,Ikaw parin ang First Love ko"
Back to top Go down
View user profile http://www.jorgyrom.tk
 
Elastic Primary Picture
Back to top 
Page 1 of 1
 Similar topics
-
» Picture to Page show comes to Pakenham
» The Official Sailor Moon Picture Request Thread
» The "Funny Picture" Thread
» East Burwood From Picture to Page show
» Altered "Primark" Picture Frames

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