Da Jquery 1.4 a 1.5/1.6 funzione ajax

lucavalentino

Utente Attivo
15 Lug 2006
112
0
16
PHP:
var GALLERY =
{
	container: '#gallery',
	url: '../chapter_06/08_ajax_image_gallery_improved/getImages',
	delay: 5000,

	load: function()
	{
		var _gallery = this;
		jQuery.ajax(
		{
			type:"get", 
                        url: this.url, 
			beforeSend: function()
			{
				jQuery(_gallery.container)
				.find('img')
				.fadeOut('slow', function()
				{	jQuery(this).remove();	});
			},
			success: function(data)
			{
				var images = data.split('|');
				jQuery.each(images, function()
				{	_gallery.display(this);	});
			},
			complete: function() {
			setTimeout(function()
			{
				_gallery.load();
			},
			_gallery.delay);
			}
		});
	},
	display: function(image_url)
	{
		jQuery('<img></img>')
		.attr('src', '../images/' + image_url)
		.hide()
		.load(function()
		{
			jQuery(this).fadeIn();
		})
		.appendTo('#gallery');
	}
}

jQuery(document).ready(function(){
  GALLERY.load();
});

Il codice sopra postato sembra funzionare con jquery 1.4.
Come potrei convertire il tutto per jquery 1.5 o 1.6..

Utilizzando firebug e quidi firefox mi da:
data.split is not a function
 
Ultima modifica:

lucavalentino

Utente Attivo
15 Lug 2006
112
0
16
Ho messo il tutto su altervista aggiungendo anche una immagine prima del caricamento dell'immagine.
PHP:
var GALLERY = {
  container: '#gallery',
  url: 'getImages',
  delay: 5000,
  
  load: function() {
    var _gallery = this;

    jQuery.ajax({ 
      type:"get", 
      url: this.url, 
      beforeSend: function() {
        // fade out and remove the old images
        jQuery(_gallery.container)
          .find('img')
          .fadeOut('slow', function() {
            jQuery(this).remove();
          });
        // add the spinner 
        jQuery('<div></div>')
          .attr('class', 'spinner')
          .hide()
          .appendTo(_gallery.container)
          .fadeTo('slow', 0.6);
      },
      success: function(data){ 
        var images = data.split('|');
        jQuery.each(images, function() {  
          _gallery.display(this);
        });
      },
      complete: function() {
        setTimeout(function() {
          _gallery.load();
        }, _gallery.delay);
        // remove the spinner 
        jQuery('.spinner').fadeOut('slow', function() {
          jQuery(this).remove();
        });
      }
    });
  },
  display: function(image_url) {
    jQuery('<img></img>')
      .attr('src', '../../images/' + image_url)
      .hide()
      .load(function() { 
        jQuery(this).fadeIn();
      })
      .appendTo('#gallery');
  }
}

jQuery(document).ready(function(){
  GALLERY.load();
});
Il problema ora è che l'immagine che indica il caricamento nel mio caso lo spinner si rivisualizza anche dopo che l'immagine sono caricate.
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Funzione jQuery Ajax invio file a php jQuery 1
S Eseguire funzione jquery all'interno della risposta ajax Ajax 0
E Richiamare funzione Jquery dopo aggiornamento parziale di pagina tramite ajax jQuery 0
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
V [JQuery] Aiuto per funzione Ajax jQuery 0
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
felino [Jquery] DataTables e funzione di Callback Ajax 1
ivarello Attivare funzione Javascript con Jquery jQuery 0
I Richiamare funzione jquery all'invio del form php Javascript 6
S php problemi di funzione header usando la fuzione di jquery post PHP 4
Eugene [jQuery] funzione a più livelli Javascript 1
S [jQuery] far ripetere una funzione jQuery 2
T Posizionamento nei motori di ricerca e funzione load di jquery SEO e Posizionamento 1
voldemort jQuery: funzione nl2br come in PHP jQuery 2
M jQuery: funzione substr o substring per tagliare un testo? jQuery 1
X aiuto funzione jquery jQuery 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
MarcoGrazia jquery validate() controllo checkbox jQuery 2
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8

Discussioni simili