javascript - jQuery fade in new wrapper after old one faded -


i have #wrapper 3 elements. fadein/slidetoggle them fade out whole screen. then, once #wrapper/whole screen has faded out i'm trying fadein new picture.

for, reason last fadein of #baby-grand isn't working. idea i'm doing wrong?

here's script:

$(document).ready(function() {      $("#paul-bedal").hide();      $("#is-amidst").hide();      $("#paul-picture").hide();      $("#baby-grand").hide();      $(window).load(function() {         $("#paul-bedal").fadein(3000, function() {             $("#is-amidst").slidedown(4000, function() {                 $("#paul-picture").fadein(3500, function() {                     $("#wrapper").fadeout(5000, function() {                         $("#baby-grand").fadein(3500);                     });                 });             });         });     }); });

css:

body {     min-width:960px;     max-width:1200px;     margin-left:auto;     margin-right:auto; }  #wrapper {     min-width:960px;     max-width:1200px;     text-align:center;     margin-left:auto;     margin-right:auto; }  #paul-bedal {     height:150px;     width:650px;     margin-top:150px;     margin-left:auto;     margin-right:auto;     position:relative;     font-size:95px;     color:#e3e3e3;     text-shadow:5px 5px 5px #f6f6f6; }  #is-amidst {     height:100px;     width:650px;     margin-top:0px;     margin-left:auto;     margin-right:auto;     position:relative;     font-size:55px;     color:#e3e3e3;     font-style:italic;     text-shadow:5px 5px 5px #f6f6f6; }  #paul-picture {     background-image:url(/images/paul-bedal.png);     background-repeat:no-repeat;     width:250px;     height:500px;     float:right;     position:absolute;     margin-right:50px;     margin-top:-100px; }  #baby-grand {     background-image:url(/images/baby-grand-piano.png);     width:100%;     margin-top:100px;     margin-left:auto;     margin-right:auto;     position:relative;     text-align:center; }   <div id="wrapper">     <div id="paul-picture"></div>      <div id="paul-bedal">         paul bedal     </div>      <div id="is-amidst">         ~is amidst right now...     </div> </div> <div id="baby-grand"></div>

also, note #baby-grand not wrapped inside #wrapper, it's pretty simple maintenance page. but, last #baby-grand fade in isn't working in jquery.

the reason empty , doesn't have height. infact fades in there nothing display! try give height via css see if works or not.


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more