inizio immagine visibile?

giancadeejay

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

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

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
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>
Clicca per allargare...
Grazie per la risp.
Ma cosi non si vede nient'altro che l'immagine fissa e basta???
 
giancadeejay

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

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

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
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

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

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

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

giancadeejay

Utente Attivo
26 Ott 2010
224
0
16
torino
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..
Clicca per allargare...
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

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);
 
criric

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

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

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

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

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

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>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
MarcoGrazia Eliminare in automatico i caratteri spuri all'inizio e alla fine di una stringa Snippet PHP 0
A aggiungere stringa all'inizio di ogni riga di un file txt PHP 3
M Estrapolare singoli record da intervallo (dal al/inizio fine) MS Access 0
elpirata Struttura tabella per inizio nuovo progetto Database 7
Jonn [PHP] Controllare l'inizio di una stringa PHP 5
S Mi serve una Web App, da cosa inizio? Framework back end e front end? PHP 4
L inizio sito web PHP 3
Z Aggiornamenti Penguin inizio dicembre 2014 SEO e Posizionamento 2
MixProfit.com MixProfit.com - 15 € al inizio, 35 % dalla vendita Guadagnare col Sito 0
L Inizio sito con Mamp in Mac PHP 0
borgo italia giorno di inizio e fine delle settimane Snippet PHP 0
J Iscrizione d'inizio anno Presentati al Forum 2
P inizio con il php ... semplice aiuto!! PHP 12
P [Prestashop] Inizio nuovo sito ecommerce CMS (Content Management System) 1
P Banner rotazione con inizio causale ed a tempo specifico Javascript 0
S Script - Giorni trascorsi dall'inizio dell'anno Javascript 6
P Inizio in Asp Classic ASP 16
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
T Dividere un'immagine in 3 parti orizzontali e salvarle separatamente Photoshop 2
W Immagine come maschera photoshop Photoshop 1
L Ultima immagine Windows e Software 0
A Immagine decentrata con sfondo trasparente Photoshop 0
A Scontornare immagine di bassa qualità. Photoshop 2
B Selezionare un'immagine e salvare la selezione Photoshop 3
F Immagine come fosse selezione attiva Photoshop 1
Y Percorso assoluto file immagine HTML e CSS 9
K Come posso usare un'immagine al posto di un bottone? HTML e CSS 2
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 7
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
Y Come caricare e visualizzare un'immagine PHP 0
S Testo scrolla su immagine che cambia HTML e CSS 0
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
R Caricamento immagine su cartella remota + mysql PHP 3
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
L Upload di un'immagine all'interno di un database usando php PHP 6
G Modifica immagine di sfondo attraverso un bottone PHP 18
F photoshop portable : spostamento immagine Photoshop 0
A Server Apache immagine not found (ERROR 404) Apache 5
P [Photoshop] ritagliare una immagine Photoshop 1
S [PHP] Recupero nome immagine da Form con input file PHP 3
D [Javascript] salvare immagine canvas - paypal Javascript 0
D [HTML] Inviare un link contenente un' immagine HTML e CSS 4
M [PHP] Cercare l'ultima immagine caricata in una cartella datata PHP 15

Discussioni simili

Alto Basso