Comments on: QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler

By: Alastair

Alastair — Thu, 18 Feb 2010 15:35:03 +0000

can anyone help with the above?

Thanks

By: 40+ Fresh And New jQuery Plugins Of Slider's And Gallery's Tutorials

40+ Fresh And New jQuery Plugins Of Slider's And Gallery's Tutorials — Mon, 15 Feb 2010 09:52:39 +0000

[...] QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler [...]

By: 15 New jQuery Plugins To Help You Conquer The Web « Design Works

15 New jQuery Plugins To Help You Conquer The Web « Design Works — Thu, 21 Jan 2010 13:21:28 +0000

[...] 11. QuickFlip 2 [...]

By: Alastair

Alastair — Thu, 14 Jan 2010 12:53:50 +0000

This is such a good plug-in, and just what I’m after! There’s one thing I can’t quite figure out. I have a a page with about 12 panels on. I’m trying to get the panel to automatically switch back after mouse over so that only one panel is ever open at a time.

the code I’m using is:

$(function() {

// for performance first init the quickFlip
$(‘.quickFlip’).quickFlipper();

// set up a hover effect for each of the quickflip wrappers
for ( var i = 0; i < $.quickFlip.wrappers.length; i++ ) {
var thisOne = $.quickFlip.wrappers[i];

$( thisOne.wrapper ).hover( function(ev) {
var $target = $(ev.target);
// make sure it isn't a child node
if ( !$target.hasClass('quickFlip') ) $target = $target.parent();

$target.quickFlipper();
},
function(ev) {
var $target = $(ev.target);
// make sure it isn't a child node
if ( !$target.hasClass('quickFlip') ) $target = $target.parent();

$target.quickFlipper();
});
}
});

However it can be a little bit temperamental, when hovering over panels at speed.

is there a better way to achieve this effect?

Many Thanks

By: Daniel

Daniel — Sun, 10 Jan 2010 10:04:00 +0000

Hi.

Great plugin.

A quick question. Is there anyway for me to put the plugin in loop? I mean, keep flipping every x seconds automatically.

Best,
Daniel

By: Flip HTML Elements like Cards: QuickFlip 2.0 JQuery Plugin

Flip HTML Elements like Cards: QuickFlip 2.0 JQuery Plugin — Tue, 05 Jan 2010 15:55:08 +0000

[...] QuickFlip 2 is a JQuery Flipping Plugin that flips DIVs, paragraphs and other HTML elements like a card. It is very easy to use the plugin. You just have to call the flip animation through a JQuery selector and the script will flip the front panel to show its back. [...]

By: jQuery ile kart ?ßevirme efekti eklentisi: QuickFlip2 | sanalduvar

jQuery ile kart ?ßevirme efekti eklentisi: QuickFlip2 | sanalduvar — Tue, 29 Dec 2009 23:11:27 +0000

[...] sayfaya yerle?ütirme ve kodlarƒ±n a?ßƒ±klamalarƒ± hakkƒ±ndaki bilgileri QuickFlip2 i?ßin buradan [...]

By: Jon Raasch

Jon Raasch — Mon, 23 Nov 2009 16:53:10 +0000

QuickFlip 2.1 is released! http://dev.jonraasch.com/quickflip/download This update addresses a number of feature requests and provides a sizable performance boost.

@Andrew – Now you can flip content horizontally as well as vertically – to flip vertically pass the option vertical : true.

@Takazudo + @Dan Meehan – A switch has been built in to disable the window resize event – pass noResize : true in the options.

Other than that a portion of the script was eseentially rewriting jQuery’s clone() method (and pretty poorly I might add ). This has been replaced with the clone() method for a noticeable performance increase, especially in IE 7.

I tested 2.1 in most browsers and in a variety of situations but please let me know if anything comes up.

Best,
Jon

By: Jon Raasch

Jon Raasch — Mon, 23 Nov 2009 00:44:04 +0000

@brokenone – You’ll have to write a little bit of JS, but QuickFlip has all the utilities you need to make this happen. You’ll want to use the $.quickFlipper() method to trigger the flip manually, and attach that to a timeout. If you are using two panels that should be all you need, however if you have 3 or more you’ll have to be a bit more careful and pass the appropriate panel index to the quickFlipper() method.

Check out the documentation (http://dev.jonraasch.com/quickflip/docs) for more info.

By: Jon Raasch

Jon Raasch — Mon, 23 Nov 2009 00:22:17 +0000

@Takazudo and @Dan Meehan – The widow resize event adjusts the dimensions of the quickflip panels which can become unaligned if using percentage based widths in CSS that are effected by the window size. I’ll work in a variable to turn this off and on soon (however I will most likely have it default to on).

@W. Shawn – Minified version is now included with the QuickFlip download: http://dev.jonraasch.com/quickflip/download – I reworked a bit of the codebase to be more friendly to the YUI compressor, and the filesize of the minified version is now 4kb .