nnattawat / flip

A lightweight jQuery plugin to make 3D card flipping animation
Other
626 stars 312 forks source link

Is it possible to set time delay to start Flip effect by Hover #130

Open jianchun24 opened 6 years ago

jianchun24 commented 6 years ago

Hi,

is it possible to set time delay to start flip-effect by Hover for example when Mouse over after one second?

Problem is, we have 8 flips on the same page, if mouse over qickly on all flip-images, they flip almost at same time and looks not well on the page. The Solution is to set time delay.

Many Thanks!

lucidcyborg commented 5 years ago

Maybe it can still help someone :)

$('.flip-tile').each(function( i, el ) { var elDelay = $(el).data('delay'); $(el).delay(elDelay).queue(function() { $(this).flip(true); $(this).dequeue(); console.log('found flip'); }); });$('.flip-tile').each(function( i, el ) { var elDelay = $(el).data('delay'); $(el).delay(elDelay).queue(function() { $(this).flip(true); $(this).dequeue(); console.log('found flip'); }); });$('.flip-tile').each(function( i, el ) { var elDelay = $(el).data('delay'); $(el).delay(elDelay).queue(function() { $(this).flip(true); $(this).dequeue(); console.log('found flip'); }); });$('.flip-tile').each(function( i, el ) { var elDelay = $(el).data('delay'); $(el).delay(elDelay).queue(function() { $(this).flip(true); $(this).dequeue(); console.log('found flip'); }); });