inizio immagine visibile?

giancadeejay · 4 Mag 2013

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 · 5 Mag 2013

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 · 5 Mag 2013

helpdesk ha scritto:
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 · 5 Mag 2013

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 · 5 Mag 2013

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..

giancadeejay · 5 Mag 2013

Qualche consiglio??

borgo italia · 5 Mag 2013

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)

giancadeejay · 5 Mag 2013

in che modo praticamente??

criric · 5 Mag 2013

la funzione da usare non è setInterval() ma setTimeout() che assegna un azione dopo un tot di tempo

giancadeejay · 5 Mag 2013

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 · 5 Mag 2013

la sintassi è sbagliata

Codice:

 setTimeout()(function() {

si scrive cosi

Codice:

 setTimeout(function() {

giancadeejay · 5 Mag 2013

giancadeejay ha scritto:
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 · 5 Mag 2013

come diceva Borgo devi impostare il display a none, in jquery si usa il metodo hide()

Codice:

setTimeout(function() {
                $('#box').hide();
            },15000);

giancadeejay · 5 Mag 2013

criric ha scritto:
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 · 5 Mag 2013

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 · 5 Mag 2013

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 · 5 Mag 2013

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>

giancadeejay · 5 Mag 2013

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 · 6 Mag 2013

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 · 6 Mag 2013

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>

inizio immagine visibile?

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Super Moderatore

Utente Attivo

Super Moderatore

Utente Attivo

Super Moderatore

Utente Attivo

Super Moderatore

Utente Attivo

Super Moderatore

Utente Attivo

Super Moderatore

Utente Attivo

Utente Attivo

Utente Attivo

Discussioni simili