setTimeout() e insertAfter in uso dinamico

cleto

Nuovo Utente
28 Feb 2012
9
0
1
salve.. ho una serie di foto nel documento HTML:
HTML:
 <figure class="fig_0">               
      <a href="immagini/original/layout_0a.jpg">  
        <img src="immagini/thumbs/layout_0_300.jpg" alt="layout_0">
     </a>    
      </figure>
      
     <figure class="fig_1">               
      <a href="immagini/original/layout_1a.jpg">     
      <img src="immagini/thumbs/layout_1_300.jpg" alt="layout_1">
      </a>
     </figure>  

    <figure class="fig_2">               
      <a href="immagini/original/layout_2a.jpg">     
        <img src="immagini/thumbs/layout_2_300.jpg" alt="layout_2">
      </a>    
     </figure>

dopo 5 secondi che la pagina è caricata vorrei aggiungere nel DOM il tag <figcaption></figcaption> dopo il tag <a></a> a ciascuna immagine cioè:

HTML:
<figure class="fig_0">               
      <a href="immagini/original/layout_0a.jpg">  
        <img src="immagini/thumbs/layout_0_300.jpg" alt="layout_0">
     </a>    
  <figcaption>Image caption  0</figcaption>
</figure>

ho pensato di usare setTimeout e insertAfter:

Codice:
 $(document).ready(function(){
	 
  setTimeout(function(){ $('<figcaption>Image caption  0</figcaption>').insertAfter('.fig_0 a');}, 5000);	
    setTimeout(function(){ $('<figcaption>Image caption  1</figcaption>').insertAfter('.fig_1 a');}, 5000);	
	setTimeout(function(){ $('<figcaption>Image caption 2</figcaption>').insertAfter('.fig_2 a');}, 5000);	
   });


ora invece di avere tante espressioni quante sono le immagini come posso scriverla in modo dinamico?

sono partito da due array

Codice:
  var arr_capt = ['<figcaption>Image caption  0</figcaption>','<figcaption>Image caption  1</figcaption>', '<figcaption>Image caption  2</figcaption>'  ];

    var arr_class = ['.fig_0 a', '.fig_1 a', '.fig_2 a'  ];
ma qui mi sono bloccato

sapete darmi una mano?

grazie
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, probabilmete hai gia risolto ma ti posto comunque la mia idea
Codice:
setTimeout(function () {
                $('figure').each(function () {
                    $(this).append('<figcaption></figcaption>');
                });
            },5000);
ho scritto di getto senza testare, è solo un idea
 

cleto

Nuovo Utente
28 Feb 2012
9
0
1
Ciao, probabilmete hai gia risolto ma ti posto comunque la mia idea
Codice:
setTimeout(function () {
                $('figure').each(function () {
                    $(this).append('<figcaption></figcaption>');
                });
            },5000);
ho scritto di getto senza testare, è solo un idea


primo grazie

come poter associare a ciascun <figcaption></figcaption> il suo testo...es..<figcaption>mare</figcaption>...<figcaption>sole</figcaption>...<figcaption>unghia</figcaption>..etc etc.?...per questo avevo pensato ai due array

grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
potresti aggiungere un attributo al tag figure nell'html
HTML:
<figure class="fig_0" data-desc="mare">
e modificare il javascript cosi
Codice:
setTimeout(function () {
    $('figure').each(function () {
        $(this).append('<figcaption>' + $(this).attr('data-desc') + '</figcaption>');
    });
}, 5000);
 
Discussioni simili
Autore Titolo Forum Risposte Data
Marco_88 Come fermare un timer (setTimeout) jQuery 6
P Fatal error: Call to undefined method SMTP::setTimeout() PHP 4
M Javascript: fermare window.setInterval e window.setTimeout Javascript 3
S SetTimeout, principi base Javascript 2
F ciclo for con setTimeout o interval.. Javascript 1
G uso del SetTimeOut Javascript 1
S [Vendo]Facebook&Instagram per ogni uso! Social Media Marketing 0
V [CSS] Uso degli id HTML e CSS 2
MarcoGrazia [PHP] Uso dei namespace PHP 5
V [COMPRO] Cerco account Instagram per uso personale. Annunci servizi di Social Media Marketing 2
L [WordPress] Uso delle immagini di un tema WordPress 5
Aedo1 [PHP] Problimi circa l'uso di Getimagesize PHP 1
K Uso font preinstallati di Windows a fini commerciali? Windows e Software 2
S [VENDO] ecommerce prodotti per CANI - business automatico pronto all'uso! Compravendita siti e domini 0
G [PHP] composer: forzare l'uso del comando require-dev PHP 0
matteoraggi Sicurezza di un server apache con uso limitato Apache 0
ken_korn [PHP] Delucidazione sull'uso di classi esterne PHP 0
M Consiglio per pc uso domestico e sporadicamente modellazione Hardware 0
L google chrome fuori uso. Windows e Software 1
MarcoGrazia Funzioni generiche per ogni uso Snippet PHP 0
ecosito CSS: è possibile cambiare font con uno non di uso comune? HTML e CSS 11
G Uso variabili di sessione PHP 4
T Uso DB Remoto e transazioni con Pay Pal Sviluppo app per Android 0
M Uso di access con outlook MS Access 0
gun88 Termini e Condizioni D'uso Leggi, Normative e Fisco 0
A consiglio uso jquery php per mostrare parte di un form PHP 6
A consiglio uso jquery per mostrare parte di un form jQuery 0
I Aiuto uso Nivo Slider con javascript jQuery 2
R Uso Immagini per Slideshow Joomla 0
H [risolto] Uso delle SESSIONI PHP 2
N UPDATE Tabella con l'uso di un mene a tendina PHP 0
M Uso del file fpdf.asp Classic ASP 2
M php non prende l'orario del server? Eppure uso timestamp() PHP 6
L uso di switch PHP 2
P Problema con l'uso delle sessioni... PHP 4
P Limiti dell' uso delle API di google map Javascript 0
Z Uso di template per creazione sito Discussioni Varie 2
D Come fare ad usare il reCaptcha senza uso delle librerie??? PHP 1
P Uso dei font Leggi, Normative e Fisco 3
P cosa succede se uso google adsense e non ho 18 anni ? Google AdSense 2
Monital uso del JOIN? MySQL 11
M uso di preg_replace per evidenziare la pagina corrente PHP 0
K Problemi nell'uso dell'oggetto MYSQLI PHP 2
A uso javascript per aprire dei frame all'interno del frame principale Javascript 0
A permesso uso file da un diverso server con PHP PHP 5
P Manuale d'uso Google Sketchup 8 Pro Webdesign e Grafica 4
M or die (mysql_error) - quali sono le possibilità di uso? PHP 3
S accettare condizioni d'uso da file batch Windows e Software 2
A Domande su uso forum di mr. Webmaster Supporto Mr.Webmaster 0
D Errore strano durante l'uso di mail() PHP 2

Discussioni simili