inizio immagine visibile?

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
Salve
Come faccio a dire nello script che l'immagine deve farla vedere dopo 15 sec??
HTML:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() { $("#box").fadeIn(5000).delay(3000).fadeOut(2000);
});
</script>
</head>
<body>
<img id="box" src="/CWAutosurf/83736128618376426282386328874848/7674435354654857656759.gif" style="display:none;">
</body>
</html>
 

helpdesk

Utente Attivo
30 Set 2009
726
0
0
Pesaro
Ciao, prova a fare cosi:
Tuttavia lo script conterà anche i secondi dopo l'animazione principale
quindi nell'animazione ciclica eliminerà i 3 secondi corrispettivi al FadeIn e FadeOut.
Ma credo sia un compromesso accettabile :)

PHP:
<script type="text/javascript">

 setInterval(function() {
    $('#box')
	.animate({opacity: '1'}, 2000)
    .delay(2000)
	.animate({opacity: '0'}, 1000)
  }, 15000); 

</script>
PHP:
<div id="box">
 <img src="cri1.jpg">
</div>
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
Ciao, prova a fare cosi:
Tuttavia lo script conterà anche i secondi dopo l'animazione principale
quindi nell'animazione ciclica eliminerà i 3 secondi corrispettivi al FadeIn e FadeOut.
Ma credo sia un compromesso accettabile :)

PHP:
<script type="text/javascript">

 setInterval(function() {
    $('#box')
	.animate({opacity: '1'}, 2000)
    .delay(2000)
	.animate({opacity: '0'}, 1000)
  }, 15000); 

</script>
PHP:
<div id="box">
 <img src="cri1.jpg">
</div>
Grazie per la risp.
Ma cosi non si vede nient'altro che l'immagine fissa e basta???
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
Chiedo scusa...cosi funziona..

ma riposto lo script perche' vorrei che il link sparisse allo sparire dell'immagine
HTML:
<HTML>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

 setInterval(function() {
    $('#box')
    .animate({opacity: '1'}, 2000)
    .delay(2000)
    .animate({opacity: '0'}, 1000)
  }, 15000); 

</script>

</head>
<body>

<div id="box">
 <a href="/miosito.php"><img src="/immagini/83736128618376426282386328874848/7674435354654857656759.gif">
</div> 
</body>
</html>
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
In pratica se l'utente sa che l'immagine potrebbe apparire al centro dello schermo e,anche se non e' visibile,si avvicina con il mouse ... non deve trovare la manina che ti indirizza all'url....
Quindi volevo capire come posso,allo sparire dell'immagine per 15 sec. (come da script) , far sparire anche la possibilita' di linkare???
Sto sclerando...spero che qualcuno mi aiuti..
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.038
146
63
PR
www.borgo-italia.it
ciao
conosco poco js, ma forse più che sull'opacità del box dovresti operare su dispay: none da ettivare dopo i sec che ti interessano
(se non ho detto una put....ta)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
la funzione da usare non è setInterval() ma setTimeout() che assegna un azione dopo un tot di tempo
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
non funziona....
HTML:
<HTML>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

 setTimeout()(function() {
    $('#box')
    .animate({opacity: '1'}, 2000)
    .delay(2000)
    .animate({opacity: '0'}, 1000)
  },15000); 

</script>

</head>
<body>

<div id="box">
 <a href="/miosito.php"><img src="/miaimmagine.gif"></a>
</div> 
</body>
</html>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
la sintassi è sbagliata
Codice:
 setTimeout()(function() {
si scrive cosi
Codice:
 setTimeout(function() {
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
In pratica se l'utente sa che l'immagine potrebbe apparire al centro dello schermo e,anche se non e' visibile,si avvicina con il mouse ... non deve trovare la manina che ti indirizza all'url....
Quindi volevo capire come posso,allo sparire dell'immagine per 15 sec. (come da script) , far sparire anche la possibilita' di linkare???
Sto sclerando...spero che qualcuno mi aiuti..
ok..ma quando sparisce l'immagine il link rimane...io vorrei che sparisse anche la possibilita' di linkare se l'immagine non si vede....
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
come diceva Borgo devi impostare il display a none, in jquery si usa il metodo hide()
Codice:
setTimeout(function() {
                $('#box').hide();
            },15000);
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
come diceva Borgo devi impostare il display a none, in jquery si usa il metodo hide()
Codice:
setTimeout(function() {
                $('#box').hide();
            },15000);
Grazie mille davvero per la disponibilita' ma cosi l'immagine non compare piu' dopo 15 sec??
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
cosi l'immagine scompare dopo 15 secondi
spiegati meglio perche i codici che hai postato fanno due cose differenti e non ho capito ancora qual'è il tuo obbiettivo
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
ti chiedo scusa se mi sono espresso male....
Il mio obbiettivo e'
Far comparire l'immagine con link
Resta visibile per tot sec.
Scompare immagine con link e dopo tot.secondi ricompare e cosi via.....
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
allora è meglio creare una funzione che richiamerai con setInterval e in base ad una variabile mostrerai o meno l'immagine
HTML:
<script type="text/javascript">
            $(document).ready(function(){
                var mostra = 0;
                function image(){
                    if(mostra%2 == 0) {
                        $('#box').hide();
                    }else{
                        $('#box').show();
                    }
                    mostra++;
                }
                setInterval(function() {
                    image();
                },15000);              
            })
        </script>
edit:
stesso risutlato codice piu elegante
HTML:
<script type="text/javascript">
            $(document).ready(function(){
                var mostra = 0;
                setInterval(function() {
                    if(mostra%2 == 0) {
                        $('#box').hide();
                    }else{
                        $('#box').show();
                    }
                    mostra++;
                },1500);              
            })
        </script>
 
Ultima modifica:

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
Come al solito devo farti e fare al tutto il forum di MrWebmaster tantissimi complimenti perche' siete davvero i migliori...
Il vostro e' l'unico FORUM che funziona davvero.
La mia discussione E' RISOLTA.
Grazie mille a tutti.....alla prox!:fonzie::fonzie:
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
un ultima domanda per chi ha seguito la discussione:
Come faccio a dire allo script che l'immagine deve essere visibile solo per 2 secondi??
 

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
Ho provato cosi ma sembra non funzionare:

HTML:
<HTML>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
            $(document).ready(function(){
                var mostra = 0 ;
                setInterval(function() {
                    if(mostra%2 == 0) {
                        $('#box').hide();
                    }else{
                        $('#box').show();
                      
                    }
                    mostra++,(2000);
                },20000);              
            })
        </script>

</head>
<body>

<div id="box">
 <a href="/miosito.php"><img src="/miaimmagine.gif"></a>
</div> 
</body>
</html>