- ARCHIVES
- » Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
Pages: 1
Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
- marfillaster
- » FTalkAddict
300
0
1969-12-31
Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
Just add this code at the very end of your script.
you can customize the speed and effect by changing the duration and transition
[quote]window.addEvent('domready', function(){
$$('.commonbox').each(function(box){
var slider = new Fx.Slide(box.getElement('div'), {
[b]transition: Fx.Transitions.Sine.easeInOut[/b],
[b]duration: 500[/b]
});
var header = box.getElement('h2') || box.getElement('h1');
//you may omit the next line if you do not want the cursor to change on hover
header.setStyle('cursor', 'pointer');
//you may change the event to 'click' if you want to trigger on single click
header.addEvent('[b]dblclick[/b]', function(){slider.toggle();});
});
});[/quote]
Available transitions:
[spoiler]Fx.Transitions.Sine.easeInOut
Fx.Transitions.Sine.easeIn
Fx.Transitions.Sine.easeOut
Fx.Transitions.linear
Fx.Transitions.Quad.easeInOut
Fx.Transitions.Quad.easeIn
Fx.Transitions.Quad.easeOut
Fx.Transitions.Cubic.easeInOut
Fx.Transitions.Cubic.easeIn
Fx.Transitions.Cubic.easeOut
Fx.Transitions.Quart.easeInOut
Fx.Transitions.Quart.easeIn
Fx.Transitions.Quart.easeOut
Fx.Transitions.Quint.easeInOut
Fx.Transitions.Quint.easeIn
Fx.Transitions.Quint.easeOut
Fx.Transitions.Pow.easeInOut
Fx.Transitions.Pow.easeIn
Fx.Transitions.Pow.easeOut
Fx.Transitions.Expo.easeInOut
Fx.Transitions.Expo.easeIn
Fx.Transitions.Expo.easeOut
Fx.Transitions.Circ.easeInOut
Fx.Transitions.Circ.easeIn
Fx.Transitions.Circ.easeOut
Fx.Transitions.Back.easeInOut
Fx.Transitions.Back.easeIn
Fx.Transitions.Back.easeOut
Fx.Transitions.Bounce.easeInOut
Fx.Transitions.Bounce.easeIn
Fx.Transitions.Bounce.easeOut
Fx.Transitions.Elastic.easeInOut
Fx.Transitions.Elastic.easeIn
Fx.Transitions.Elastic.easeOut[/spoiler]
Last edited by marfillaster (2008-09-01 04:28:29)
 |
- darylldelfin
- » FTalkGeek
- 1389
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
^it also works for addboxes .. 
@t: nice trick .. 
@t: nice trick ..
Last edited by darylldelfin (2008-09-01 04:30:38)
|
- marfillaster
- » FTalkAddict
- 300
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
sorry, type, i never actually tested this code yet 
.
it will also apply to custom boxes.
.
it will also apply to custom boxes.
|
- Lordheinz
- » FTalkElite
- 4377
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
i think it is much better if any previews will be provided..
a great code marfi..
a great code marfi..
|
- ---xXirukiTepe---
- » SuperFTalker
- 8896
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
[b]Nice... marfi... wanna see
the preview... now.. haha[/b]
haha[/b]
|
- mhedge
- » FTalkGeek
- 1027
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
wow cool trick sir..
i will uuse this..
but how to hide the boxes before showing??
|
- gumscumbag
- » FTalker
- 113
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
[b]@mhedge[/b]
maybe like this :
[quote]slider.hide();[/quote]
but i'm not sure, because never try this tricks 
|
- marfillaster
- » FTalkAddict
- 300
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
if you like to try this trick on your profile, you just need to install firebug to your firefox, while in your profile paste the code into the console then run.
|
- lizzie9201
- » FTalkAddict
- 476
- 0
- 1969-12-31
Re: Just add this code at the very end of your script. you can customize the speed and effect by changing the duration and transition [quote]window.addEvent('domready', function(){ $$('.commonbox').ea
hmm..
i really don't understand the code..
but thanks for sharing this one..
|