Comments on: Animate Curtains Opening with jQuery

By: serge

serge — Wed, 08 Feb 2012 19:02:53 +0000

how is that the curtain opens all alone?? please it’s urgent et je n’y comprends plus rien
merci

By: Lukas B.

Lukas B. — Fri, 03 Feb 2012 12:26:30 +0000

Hey, I thinked it would be cool if the curtain “remembers” its state.
The new sessionStorage is a nice way:

$(document).ready(function() {
if(sessionStorage.getItem(“vorhang”) == null){
sessionStorage.setItem(“vorhang”,”false”);
}
if(sessionStorage.getItem(“vorhang”) == “true”){
$(“.rope”).stop().animate({top: ’0px’ }, {queue:false, duration:0, easing:’easeOutBounce’});
$(“.leftcurtain”).stop().animate({width:’60px’}, 0 );
$(“.rightcurtain”).stop().animate({width:’60px’},0 );

}
$(“.rope”).click(function(){
$(this).blur();
//$curtainopen=localStorage.getItem(“vorhang”);
if (sessionStorage.getItem(“vorhang”) == “false”){
$(this).stop().animate({top: ’0px’ }, {queue:false, duration:350, easing:’easeOutBounce’});
$(“.leftcurtain”).stop().animate({width:’60px’}, 2000 );
$(“.rightcurtain”).stop().animate({width:’60px’},2000 );
sessionStorage.setItem(“vorhang”,”true”);
}else{
$(this).stop().animate({top: ‘-40px’ }, {queue:false, duration:350, easing:’easeOutBounce’});
$(“.leftcurtain”).stop().animate({width:’50%’}, 2000 );
$(“.rightcurtain”).stop().animate({width:’53%’}, 2000 );
sessionStorage.setItem(“vorhang”,”false”);
}
return false;
});

});

One point I haven’t fixed yet is to make a cooler way to restore the old status of the curtain. At the moment I run the part funktions to open it in a short time… on slow browsers this maybe cause a flashing before the curtain is open again.
Maybe somebody has an other idea.

By: Collection of jQuery Tutorials And Plugins To Impress Your Friends

Collection of jQuery Tutorials And Plugins To Impress Your Friends — Tue, 31 Jan 2012 02:42:10 +0000

[...] Animate Curtains Opening with jQuery ? [...]

By: serge

serge — Mon, 23 Jan 2012 16:20:49 +0000

grieved for my English but how is that the curtain opens automatically???
thank you

By: serge

serge — Sun, 22 Jan 2012 11:48:53 +0000

Fantastique je recherchais ca pour un site d’une association pour le théatre et voila se script un grand merci. Je ne connais pas le jquery et voila ma question.
quand on va sur ma page en construction http://troupesenscenes.voila.net on clique sur le rideau pour l’ouvrir mais j’aimerais que pour mes autres pages le rideau puisse s’ouvrir tout seul exemple quand je clique sur le lien présentation le rideau puisse s’ouvrir seul. est ce possible set si oui comment ?? MERCI

By: 50 Best jQuery Visual Tutorials Every Web Designer Must Look At | CS5 Design

Fri, 20 Jan 2012 05:28:36 +0000

[...] 34. Animate Curtain Openings With Jquery [...]

By: Padasalgi

Padasalgi — Wed, 18 Jan 2012 22:50:29 +0000

Is it posible to put slide show inside the curtain insted of an image.
thanks

By: Wordpress News - Best examples of jQuery Sliders Effects and WordPress PluginsWordpress News

Fri, 06 Jan 2012 18:26:20 +0000

[...] Animated Curtain This tutorial would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used in demo as part of the attached files, now would be a good time to download them if you intend to use them. [...]

By: ferris

ferris — Thu, 05 Jan 2012 18:46:01 +0000

Very cool tutorial! Thanks!
Apologies if this has been asked elsewhere but, could you tell us what your policy is for using your code & images on our own projects?

By: kanishk

kanishk — Wed, 28 Dec 2011 13:44:18 +0000

hi sam dunn
I used your theme. It was damn good but i found that it wasn’t work in internet explorer-9.
you have any solution for that.
i am waiting for your generous reply.
please reply me ASAP.

Thank you
Kanishk