richiamare funzione al termine di caricamento

[lorenzofranc]

Buonasera io ho questo codice

<script>
	//paste this code under head tag or in a seperate js file.
	// Wait for window load
	$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").delay(2000).fadeOut("fast",fdfgd());
		
		
});
</script>

al fine del caricamento + 2 secondi di fadeOut, io vorrei richiamare la funzione fdfgd(), il codice sopra non funziona, se tolgo la funzione che richiamo alla fine funziona tutto perfettamente, ovviamente senza il codice della funzione stessa.

Dove sbaglio?

[ciro78]

Buonasera io ho questo codice

<script>
    //paste this code under head tag or in a seperate js file.
    // Wait for window load
    $(window).load(function() {
        // Animate loader off screen
        $(".se-pre-con").delay(2000).fadeOut("fast",fdfgd());
        
        
});
</script>

al fine del caricamento + 2 secondi di fadeOut, io vorrei richiamare la funzione fdfgd(), il codice sopra non funziona, se tolgo la funzione che richiamo alla fine funziona tutto perfettamente, ovviamente senza il codice della funzione stessa.

Dove sbaglio?

prova

<script>
    //paste this code under head tag or in a seperate js file.
    // Wait for window load
    $(window).load(function(){
        // Animate loader off screen
        $(".se-pre-con").delay(2000).fadeOut("fast",function(){
fdfgd();
});
        
        
});
</script>

[lorenzofranc]

Ho provato e funziona, nel senso che non mi da errore, una cosa per�...... non funziona lo script stesso.....

Lo script preso (free) online divide l'immagine in pixel e li anima, questo script come detto prima lo vorrei inserire all'interno del codice di caricamento pagina..... al fine del caricamento vorrei che partisse il codice........

Di seguito lo script

(function($, window, document, undefined) {
  var animation = 'tile';
  var effect = '';
  var options = {};
  var lastChecked;
  var lastChecked2;


  function animate()
  {
    if($.isEmptyObject(options))
      $('#code').text("$('.post img').animate('" + animation + "');");
    else
      $('#code').text("$('.post img').animate('" + animation + "', " + JSON.stringify(options, null, 2) +  ");");
    $('.post img').animate(animation, options);
  }


  function update()
  {
    var isCombine = $('#combine').is(':checked');
    if(!isCombine)
    {
      $('#effect .animation-check:checked').filter(function() {
        if(this.id == lastChecked)
          return;
        $(this).attr('checked', false);
      });
    }


    isCombine = $('#combine2').is(':checked');
    if(!isCombine)
    {
      $('#alternate .animation-check:checked').filter(function() {
        if(this.id == lastChecked2)
          return;
        $(this).attr('checked', false);
      });
    }


    options = {};
    options.effect = $.makeArray($('#effect .animation-check:checked').map(function() {
      return $(this).attr('animation');
    })).join(' ');
    if(!options.effect)
      delete options.effect;
    var alternate = $.makeArray($('#alternate .animation-check:checked').map(function() {
      return $(this).attr('animation');
    })).join(' ');
    if(alternate)
      if(options.effect)
        options.effect = [options.effect, alternate];
      else
        options.effect = alternate;
    $('.option-group select, .option-group input').each(function() {
      var element = $(this);
      var name = element.attr('name');
      var value = element.val();
      if(element.attr('type') == 'checkbox')
      {
        options[name] = element.is(':checked');
        return;
      }
      if(element.attr('type') == 'number')
        value = parseInt(value);
      if(value)
        options[name] = value;
    });


    if($.isEmptyObject(options.custom))
      delete options.custom;


    if($.isEmptyObject(options))
      $('#code').text("$('.post img').animate('" + animation + "');");
    else
      $('#code').text("$('.post img').animate('" + animation + "', " + JSON.stringify(options, null, 2) +  ");");
  }


  function click()
  {
    var element = $('#' + $(this).attr('for'));
    var animationId = element.attr('id');
    $('#option-' + animationId).toggleClass('disable');
    if(!element.is(':checked'))
    {
      if(element.parents('#effect').length > 0)
        lastChecked = animationId;
      else
        lastChecked2 = animationId;
    }
  }


  function addButton(key, container)
  {
    var checkbox = $('<input type="checkbox" class="animation-check"/>');
    checkbox.attr('id', container + key).attr('animation', key);
    var label = $('<label class="animation input"></label>');
    label.text(key).attr('for', container + key).click(click);
    $('#' + container).append(checkbox).append(label);
  }


  $(document).ready(function() {
    for(var key in $.animations)
    {
      if(key == 'fn' || key == 'tile')
        continue;
      addButton(key, 'effects');
      addButton(key, 'alternates');
    }


    $('#submit').click(animate);
    $('body').on('change', 'input,select', update);


    var img = $('.post img')[0];
    if(img.complete || img.readyState === 4)
      assemble();
    else
      $('.post img').bind('load', assemble);


    $('#assemble').click(assemble);
    $('#blind').click(blind);
    $('#wave').click(wave);
    $('#flutter').click(flutter);
    $('#puzzle').click(puzzle);
    $('#flake').click(flake);
    $('#blow').click(blow);
  });


  function assemble() 
  {
	
    options = {
      duration: 2000,
      rows: 12,
      cols: 8,
      effect: 'flyIn',
      fillMode: 'backwards'
    }
    animate();
  }


  function blind() 
  {
    options = {
      duration: 2000,
      rows: 50,
      sequent: false,
      effect: 'slideFromDown'
    };
    animate();
  }


  function wave() 
  {
    options = {
      duration: 2000,
      rows: 200,
      effect: 'shake',
      groups: 4,
      sequence: 'tb',
      adjustDuration: false
    };
    animate();
  }


  function flutter() 
  {
    options = {
      duration: 2000,
      cols: 200,
      effect: 'bounce',
      sequence: 'lr'
    };
    animate();
  }


  function puzzle() 
  {
    options = {
      duration: 2000,
      rows: 9,
      cols: 9,
      effect: [
        'slideFromDown',
        'slideFromRight',
        'slideFromUp',
        'slideFromLeft'
      ],
      sequence: 'lrtb',
      sequent: false,
      adjustDuration: true
    };
    animate();
  }


  function flake() 
  {
    options = {
      duration: 3000,
      rows: 12,
      cols: 8,
      effect: 'rotate flipX flyToDown fadeOut',
      fillMode: 'forwards'
    };
    animate();
  }


  function blow() 
  {
    options = {
      duration: 3000,
      rows: 12,
      cols: 8,
      effect: 'rotate flipX flyToLeft flyToUp',
      fillMode: 'forwards'
    };
    animate();
  }
})(jQuery, window, document);

lo script del caricamento � questo

<script>
	//paste this code under head tag or in a seperate js file.
	// Wait for window load
	$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").delay(2000).fadeOut("fast");
		
		
});
</script>

ho provato inserendo al suo interno, dopo fast il codice funzione, con all'interno la funzione assemble( che trovo all'interno del codice sopra riportato)

<script>
	//paste this code under head tag or in a seperate js file.
	// Wait for window load
	$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").delay(2000).fadeOut("fast", function(){
assemble();

});
		
		
});
</script>

ma non funziona, successivamente ho provato ad inserire la funzione animate (), ma non funziona, poi ho provato ad inserire tutto quanto il codice e non funziona, dopo ho provato ad inserire questo codice, visto che all'interno della pagina c'� un pulsante che se cliccato fa partire il tutto....

 $('#submit').trigger('click');

funziona alla perfezione, solo che volendo capirci un p� di pi� vorrei richiamare quel codice che mi da la possibilit� di far partire l'animazione.


Qualche consiglio?

[Little Hawk]

Il codice dello script che hai preso online l'hai messo prima di quello snippet?

prova

<script>
    //paste this code under head tag or in a seperate js file.
    // Wait for window load
    $(window).load(function(){
        // Animate loader off screen
        $(".se-pre-con").delay(2000).fadeOut("fast",function(){
fdfgd();
});
        
        
});
</script>

A che serve creare una funzione per richiamare una altra funzione?

$(".se-pre-con").delay(2000).fadeOut("fast", fdfgd);

[lorenzofranc]

Provato ma non funziona, scusate il ritardo ma ho avuto dei problemi........, non accede alla funzione, inoltre credo che dia errore visto che non va a zero il loading