Comments on: Sponsor Flip Wall With jQuery & CSS

By: oxido

oxido — Tue, 07 Feb 2012 12:22:25 +0000

hello again …. I have a site made in joomla, the Java code used by the sponsor wall, come in conflict with jquery in joomla. What can I do?

By: oxido

oxido — Tue, 07 Feb 2012 08:04:39 +0000

hi,nice job!

How can i set the effect from this http://tutorialzine.com/2010/04/simple-banner-rotator-with-php-jquery-mysql/ , to what you have done here? It is possible? i mean it possible, but how can i do?

I do not want to use that version, because I do not want to use a database for the sponsor wall. TNX

By: WPTidBits

WPTidBits — Mon, 06 Feb 2012 19:14:40 +0000

Not cross browser compatible. Should’ve work in IE at least.

By: Jeremy S

Jeremy S — Mon, 06 Feb 2012 13:54:44 +0000

see comment below

By: Jeremy S

Jeremy S — Mon, 06 Feb 2012 13:53:59 +0000

If anyone is still looking to add this to WordPress, we made a plugin:

http://www.atlanticbt.com/blog/wordpress-plugin-sponsor-flipwall-shortcode/
http://wordpress.org/extend/plugins/sponsor-flipwall-shortcode/

By: Jonathan

Jonathan — Mon, 30 Jan 2012 20:32:25 +0000

Anyone able to create a link outside of all this that can flip a specific DIV? this would be similar to the question by @Fontia

By: cesalio45g

cesalio45g — Thu, 26 Jan 2012 20:57:30 +0000

I was looking around for a tutorial to mimic Metro UI and this came close. These are some modifications that I made to this ‘neat-plugin’.

1 – I used a [$('.sponsorFlip').bind("dblclick",function()] double click command instead of a click, because I am adding a form on the sponsorDescription flip side. this enables users to click within a form element without the flip occuring.

2 – I changed the dimensions (h/w) using CSS for each ‘sponsor’ using a secondary class name like [class="login sponsor"] then [class="profile sponsor"], this gives me different size boxes on the cover page. Duplicating Microsoft’s Metro UI style.

My Road-blocks:

1 – when trying to insert a php echo command within the ‘sponsorDescription’ class, nothing is written to the page (blank, html works fine though).
2 – How to I center the flip animation when I increase the width/height in the css from 100% to 500%. (example: I am trying to have the one side 150px by 150px but when flipped, 500px by 450px. centered.)

My comments on your tutorial – this is a very cool add-on, and very customizable. Much Thanks!

By: AdamTheGr8

AdamTheGr8 — Fri, 20 Jan 2012 20:42:10 +0000

Most likely a syntax error

By: AIsudio

AIsudio — Tue, 03 Jan 2012 22:05:24 +0000

Hi,
I am using your Fantastic!!!!
I was playing around wih it and ran into touble today. I redownloaded the demo to see if it was me and loaded it into ie and firefox. Firefox is fine but if i click randomly away on the boxes eventually i get a yellow warning triangle at the bottom left of ie and one of the boxes disapears. If i click another that disapears to. When i click on the yellow triangle at the bottom left of ie to get the error it says:

Invalid Property value: jquery-ui.min.js : Line10 : Code 0 : Char 81832
http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js

Any idea if this is fixable as it will probably break anyones wall who is using a link to the jquery-ui.min.js file

I look forward to your reply

Regards

Kevin

By: NavCore

NavCore — Tue, 03 Jan 2012 03:06:14 +0000

Great plugin Martin, many thanks!

Btw, I’m using this sponsorFlip Wall for the references on my webpage.
Because of that, I need to have some appropriate picture for every reference.
So, I want to use prettyPhoto (image plugin) for viewing thoose pictures…

rel=”gallery” title=”‘.$company[3].’”>Gallery

…and, at the bottom:
$(“a[rel^='gallery']“).prettyPhoto();

prettyPhoto doesn’t get fired this way, but the picture is being loaded in a new tab!
prettyPhoto works fine in outside .sponsorFlip class, so I think there is some conflict with .sponsorFlip click() event and prettyPhoto click() event ???

Does anyone know what this could be ?

Thanks !!!