0
Welcome Guest! Login
0 items Join Now

SOLVED Fade in an entire page

    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: SOLVED Fade in an entire page

    Posted 11 years 9 months ago
    • I think I figured it out. This seems to work. Just want to know if this is the correct way to do it. The top four lines is what I added.
         function Func1Delay()
      {
      setTimeout("Func1()", 9000);
      }
          Element.implement({
          fadeAndDestroy: function(duration) {
              duration = duration || 5000;
              var el = this;
              this.set('tween', {
                  duration: duration
              }).fade('out').get('tween').chain(function() {
                  el.dispose();
              });
          }});
           
          window.addEvent('domready',function()
          {
          $('killme').fadeAndDestroy();});
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: SOLVED Fade in an entire page

    Posted 11 years 9 months ago
    • Actually got a little too excited there. That does not work at all. :(
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Fade in an entire page

    Posted 11 years 9 months ago
    • I haven tried that (I'm no js expert at all) but I could think that

      window.addEvent('domready',(function() {
      $('killme').fadeAndDestroy();})).delay(1000);

      could work ...
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Fade in an entire page

    Posted 11 years 9 months ago
    • ehe actually I had to ask Djamil ... so the code should look like


      Element.implement({
      fadeAndDestroy: function(duration){
      duration = duration || 1000;
      var el = this;
      this.set('tween', { duration: duration }).fade('out').get('tween').chain(function() {
      el.dispose();
      });
      }});

      window.addEvent('domready', function(){
      var killme = document.id('killme');
      killme.fadeAndDestroy.delay(9000, killme);
      });
    • Houston's Avatar
    • Houston
    • Elite Rocketeer
    • Posts: 1077
    • Thanks: 2

    Re: SOLVED Fade in an entire page

    Posted 11 years 9 months ago
    • ...and the crowed goes wild.

      Perfect.
    • Houston Brown - www.splitlightdesigns.com
      Apache Version = 2.2.2 / PHP Version = 5.2.17 or 5.3.15 (dual)
      mySQL Version = 5.5.21
      Joomla Version = 2.5.8 / Web Servers OS Version = CentOS 6
    • Gene Page's Avatar
    • Gene Page
    • Hero Rocketeer
    • Posts: 289
    • Thanks: 0

    Re: SOLVED Fade in an entire page

    Posted 11 years 9 months ago

Time to create page: 0.042 seconds