mostrare elementi in successione

**rare** · 22-10-2012, 13:54

non mi visualizza gli altri 2 div
credo che dovrei far loopare lo script in modo da avere una successione infinita tra i 3
come faccio a far loopare lo script???
è corretto???

codice:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script language="javascript">
$(document).ready(function()
{$count = 0;
 
		if($count>0)
		{
			$("div:first").remove();
		}
	$("div:hidden:first").fadeIn(2500);
	$count++;
});
  </script>
  <style>
  span { color:red; cursor:pointer; }
  div { margin:3px; width:80px; 
        height:80px; float:left; }
  .hidden {display:none;}
  div#one { background:#f00; }
  div#two { background:#0f0; }
  div#three { background:#00f; }
  </style>
</head>
<body>
<span>Click here...</span>
<div id="flash">
  <div id="one" class="hidden"></div>
  <div id="two" class="hidden"></div>
  <div id="three" class="hidden"></div>
</div>
</body>
</html>

**rare** · 22-10-2012, 17:30

ma possibile che nessuno mi sa dare una mano?!?!?!?

[code]
<html>
<head>
<script src="jquery.tools.min.js"></script>

<script language="javascript">
$(document).ready(function()
{$count = 0;
$num = $("#flash > div").length;
for($i=0; $i<4; i++){
if($count!=0)
{
$("div:first").remove();
}
$("div:hidden:first").fadeIn(2500);

$count++;}
});
</script>
<style>
span { color:red; cursor

ointer; }
div { margin:3px; width:80px;
height:80px; float:left;}
.hidden {display:none;}
div#one { background:#f00; }
div#two { background:#0f0; }
div#three { background:#00f; }
</style>
</head>

<body>

<div id="flash">
<div id="one" class="hidden"></div>
<div id="two" class="hidden"></div>
<div id="three" class="hidden"></div>
<div id="one" class="hidden"></div>
</div>
</body>
</html>
[code]

andando avanti e cercando un po' in rete sono riuscito ad arrivare a far visualizzare almeno il primo div ma non riesco a far partire il ciclo....

AIUTOOOOOOOOOOOOOOOOO!!!!

**rare** · 24-10-2012, 08:18

pronto c'è nessuno???
un aiuto???

moderatori avete cambiato il titolo ma già che c'èeravate potevate darmi una mano

XD

**rare** · 24-10-2012, 18:38

certo che il forum di html.it è proprio caduto un bel pò...

una volta come chiedevi una mano avevi sicuramente una risposta ora...

**br1** · 24-10-2012, 18:46

http://forum.html.it/forum/showthrea...hreadid=125610

paragrafi 3 e 5

**cavicchiandrea** · 24-10-2012, 20:27

Originariamente inviato da rare
certo che il forum di html.it è proprio caduto un bel pò...

una volta come chiedevi una mano avevi sicuramente una risposta ora...

Fermo restando che quanto detto da Bruno è verissimo e corretto, forse usando uno script tipo cycle risolvi

**rare** · 24-10-2012, 20:41

beh più che dire che devo far loopare uno script cosa devo aggiungere???

nel primo post il problema è spiegato bene e con tatnto di codice...

comunque sia ho provato con un ciclo ma non va e non riesco a capire il perchè

**cavicchiandrea** · 24-10-2012, 21:21

Originariamente inviato da rare
beh più che dire che devo far loopare uno script cosa devo aggiungere???

nel primo post il problema è spiegato bene e con tatnto di codice...

Sarà come dici, ma forse (viste le poche risposte) non sono tutti del tuo stesso pensiero

comunque sia ho provato con un ciclo ma non va e non riesco a capire il perchè

Forse perché non è possibile? Hai Provato con lo script che t'ho segnalato?

**rare** · 25-10-2012, 07:58

mmm... vediamo se ho capito...

per fare una semplice dissolvenza tra più div
basterebbe solo
</script>

<script language="javascript">
$(document).ready(function ()
{
$("div:hidden:first").cycle();
});
</script>

no perchè non va...

mi spiego cosi magari puoi darmi una mano...

ho una pagina che è composta da una serie di div; uno di questi si chiama #flash
all'interno di questo ci andrebbero altri N div (che per comodita ora sono 3 di 3 colori diversi); all'interno di questi div andrà testo e img settati tramite css

codice:

<body>
<div id="flash">
  <div id="one" class="hidden">testo e img</div>
  <div id="two" class="hidden">testo e img</div>
  <div id="three" class="hidden">testo e img</div>
</div>
</body>

attraverso questa istruzione sono riuscito a far comparire il primo div $("div:hidden:first").fadeIn(2500);

ma non riesco a farlo scomparire e far apparire il secondo...

in poche parole mi piacerebbe una cosa come il fade (prima riga terza colonna) del tuo link

**cavicchiandrea** · 25-10-2012, 09:15

Al volo prova cosi:
$("#one, #two, #three").cycle();

Discussione: mostrare elementi in successione

Strumenti discussione

Ricerca discussione

Visualizza

JQUERY prime armi

Permessi di invio