Visualizzazione dei risultati da 1 a 3 su 3

Discussione: jQuery che impazzisce

  1. #1

    jQuery che impazzisce

    Ciao ragazzi ho bisogno di un aiutino perchè sul serio non so cosa ho combinato, premetto che non ho moltissima esperienza in jQuery.

    Dunque volevo realizzare questo slider di immagini che trovate al link www . cibocani-gatti.it / index.php

    come notate nella elider cliccando sui pallini per cambiare immagine se se ne cliccano anche più di uno dopo un po impazzisce tutto.

    Vi posto al il codice che ho scritto come posso risolvere?, sembra che rimanga in memorie l'azione da eseguire.

    In pratica secondo me dovrei semplicemente rinizializzare tutto ma non capisco come farlo

    Grazie
    e buona domenica

    codice:
    function slider(id) {
    		if(id == 0) {
    		$("#Image1").fadeIn();
    		$("#Image2").hide();
    		$("#Image3").hide();
    		$("#Image4").hide();
    		$("#Image5").hide();
    		var title2 = $("#Image1").attr('alt');
    		$("#sloganFirst").html(title1);
    		$("#sloganFirst").fadeIn();
    		$("#dot2").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot3").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot4").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot5").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot1").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    		setTimeout("start(2)",3000);
    	} else if(id == 1) {
    		$("#Image1").hide();
    		$("#Image2").fadeIn();
    		$("#Image3").hide();
    		$("#Image4").hide();
    		$("#Image5").hide();		
    		var title2 = $("#Image2").attr('alt');
    		$("#sloganFirst").html(title2);
    		$("#sloganFirst").fadeIn();
    		$("#dot1").attr('src', 'img/dot-slider-vitaDaPet.png');		
    		$("#dot3").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot4").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot5").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot2").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    		setTimeout("start(2)",3000);
    	} else if (id == 2) {
    		$("#Image2").hide();
    		$("#Image3").fadeIn();
    		$("#Image4").hide();
    		$("#Image1").hide();
    		$("#Image5").hide();
    		var title3 = $("#Image3").attr('alt');
    		$("#sloganFirst").html(title3);
    		$("#sloganFirst").fadeIn();
    		$("#dot2").attr('src', 'img/dot-slider-vitaDaPet.png');		
    		$("#dot1").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot5").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot4").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot3").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    		setTimeout("start(3)",3000);
    	} else if (id == 3 ) {
    		$("#Image3").hide();
    		$("#Image4").fadeIn();
    		$("#Image5").hide();
    		$("#Image2").hide();
    		$("#Image1").hide();
    		var title4 = $("#Image4").attr('alt');
    		$("#sloganFirst").html(title4);
    		$("#sloganFirst").fadeIn();
    		$("#dot3").attr('src', 'img/dot-slider-vitaDaPet.png');		
    		$("#dot1").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot2").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot5").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot4").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    		setTimeout("start(4)",3000);
    	} else if (id == 4 ) {
    		$("#Image4").hide();
    		$("#Image5").fadeIn();
    		$("#Image1").hide();
    		$("#Image2").hide();
    		$("#Image3").hide();
    		var title5 = $("#Image5").attr('alt');
    		$("#sloganFirst").html(title5);
    		$("#sloganFirst").fadeIn();
    		$("#dot4").attr('src', 'img/dot-slider-vitaDaPet.png');		
    		$("#dot1").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot2").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot3").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot5").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    		setTimeout("start(5)",3000);
    	} else if (id == 5 ) {
    		$("#Image5").hide();
    		$("#Image1").fadeIn();
    		$("#Image2").hide();
    		$("#Image3").hide();
    		$("#Image4").hide();
    		var title1 = $("#Image6").attr('alt');
    		$("#sloganFirst").html(title1);
    		$("#sloganFirst").fadeIn();
    		$("#dot5").attr('src', 'img/dot-slider-vitaDaPet.png');		
    		$("#dot2").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot3").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot4").attr('src', 'img/dot-slider-vitaDaPet.png');
    		$("#dot1").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    		setTimeout("start(1)",3000);
    	}
    }
    function slide(d) {	
    	
    	var title3 = $("#Image3").attr('alt');
    	// iniziamo le dissolvenze
    	if(d == 1) {
    	setTimeout("slider(1)",3000);
    	} else if (d == 2 ) {
    		setTimeout("slider(2)",3000);
    	} else if (d == 3) {
    		setTimeout("slider(3)",3000);
    	}  else if (d == 4) {
    		setTimeout("slider(4)",3000);
    	}  else if (d == 5) {
    		setTimeout("slider(5)",3000);
    	}
    }
    
    $(document).ready(function start() {
    	// nascondiamo le slide solo le ultime ma non la prima
    	$("#Image2").fadeOut();
    	$("#Image3").fadeOut();
    	$("#Image4").fadeOut();
    	$("#Image5").fadeOut();
    	// iniziamo recuperiomo i titoli
    	var title1 = $("#Image1").attr('alt');
    	// inseriamo subito il titolo della prima slide
    	$("#sloganFirst").html(title1);
    	$("#dot1").attr('src', 'img/dot-slider-vitaDaPet-this.png');
    	slide(1);
    });
    
    function start(dd) {
    	slide(dd);
    }

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    La console da questo errore
    TypeError: tempo is not a function
    http://www.cibocani-gatti.it/index.p.../seq/1/onclick
    Line 2
    non trova la funzione tempo
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    ti ringrazio ora verifico anche io, perchè effettivamente -__- non ho dato un occhio alla console vedo e riposto nel caso

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.