2013-05-22 22 views
6

Sto usando ImageFlow SEE Voglio aggiungere div sulla parte superiore dell'immagine una volta che le immagini hanno fatto clic e si inseriscono nel centro. Ho provato il controllo del file js ma MoveIT() funzione viene chiamata tante volte in js e non m in grado di identificare,Aggiungi div sulla parte superiore dell'immagine centrata?

t.wrap('<div class="f1_card"></div>'); 

quando dovrei scrivere per avvolgere div intorno all'immagine.

Grazie,

risposta

3

È possibile utilizzare la funzione prepend() di jQuery. Hai solo bisogno di selezionare l'elemento immagine e quindi chiamare la funzione antefatto. Vedere l'esempio:

$('.target_image').prepend('<div class="f1_card"></div>'); 

Questo sarà ok se si desidera aggiungere un elemento, se si desidera aggiungere prima di un elemento. Ma se vuoi racchiudere un elemento con un div allora devi usare la funzione wrap().

$('.target_image').wrap('<div class="f1_card"></div>'); 

Ovviamente è necessario inserire questo codice nella funzione di clic o evento simile desiderato. vedere l'esempio:

$('.target_image').on('click', function(){ 
    $(this).prepend('<div class="f1_card"></div>'); 
}); 

Qui div con classe 'f1_card' sarà la classe padre del vostro elemento target_image. Spero che questo ti possa aiutare.

0

Se si utilizza una funzione di animazione, si potrebbe provare qualcosa di simile.

$('.myimage').click(function() { 
    $(this).animate({ 

    /*.do stuff...*/ 

    }, 'slow', function(){ 
     $(this).prepend('<div class="f1_card">my content here</div>'); 
    }); 
}); 

Questo funziona come segue. Quando fai clic sull'immagine, verrà eseguita l'animazione jquery. Una volta eseguita l'animazione corretta, la funzione, quindi, alla destinazione (in questo caso, il div cliccato) antepone un elemento. Secondo la documentazione API questo "contenuto inserto, specificato dal parametro, per l'inizio di ogni elemento del set di elementi corrispondenti." volontà

0

Si potrebbe centrare il div e usare z-index in css.

Problemi correlati