25 comments found.
These seem to require fixed-size cards. It would be nice if they work with responsive layouts. Any way to modify this to work with a flexible-sized grid?
Hi Sike,
first of all great plugin! I only have one question. When you look at the site I’m building (http://caroz.mooke.nl/), you will see your effect on the homepage. When I go over one of the blocks, they turn, but when I want to use the menu (button CAROZ -submenus) AFTER that it disappears behind the blocks… How can I change this?? This only happens in safari…
Thanks, Werner
You need to organize your css and instructions a little better. As a novice I am finding the instructions very hard to follow, and looking into the css file I am seeing that they just seem to be pulled from the demo page.
For example, you are changing the body font and background. Why is this in purchased css? I have to go through the css and edit this crap out?
The css should be ready for me to include, not have to sift through and edit all the things you had on your demo page, that I don’t want in my production site.
Your instructions don’t even mention where to go to change the div size, after I apply the feature to an image.
While I’m sure it is easy to follow for experienced programmers, and perhaps they know right where to look to change any of these settings, I’d prefer instructions that took into account novices on code canyon, and experienced programmers could just bypass the specifics.
But css files should be ready to add to a site without having to look through them and take out your specifics you used on your demo page regardless. Specifically your body css with a wooden background.
Hi, thanks your feedback, I put the CSS in same file due to limit the file size, it seems not a good idea. Will make the CSS separately in the future update.
Regards
can we get same features as this plug in does? like auto play at same and different intervals. also when we put on auto play can use still trigger animation with click or rollover?
http://codecanyon.net/item/flipping-cards-3d-with-jquerycss3/3726635?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=davidbo90Thanks
Hello, do you know how to get this working with Wordpress? I am able to get it to work, but there is a conflict with the bundled Jquery library and breaks the rest of the Jquery dependent functions on the page.
Hi, this looks very interesting!
Is it possible to set hoverintent, so that the effect does not trigger until the mouse rests on a card for a short time?
i.e. Not delay, but intent, to stop the effect triggering when moving quickly over them to reach another?
Hi, I can’t catch your meaning clearly, I think you can customize the trigger condition in the code. And I’m available at freelance.
Hmm, thanks. I think I can manage to do it myself as can’t afford freelance fees. I may come back to this plugin if I can’t find something more suitable.
Just to clarify for you though. As with 99.9% of these hover effect panel plugins, the special effect is triggered immediately on mouseover.
This means that if someone is moving across or down a page, every element the mouse cursor touches triggers the effect for that div, no matter how briefly they pass over it.
This creates the situation where you have effects jumping up and down, and it looks untidy.
Hoverintent, on the other hand, means that one can set the trigger event to not fire unless the mouse cursor stops moving for a defined amount of time. (even if the mouse is over the target, the effect will not fire while the mouse cursor is in motion).
So for example, if the mouse cursor rests (stops moving) for 0.4s on the div, only then is the effect fired.
This makes it possible for someone to move from the image, say in the top left corner, to the one in the bottom right corner, and as long as the mouse cursor is moving across all the other images in between without stopping, the effect is not triggered and those images in between do not partially fire and return creating the jumpy effect.
Hi Sike,
I just have one problem with the plugin, when I embed the script on my home page it makes my background black instead of a tiled image I’m using. Could you advise?
Hi, please send me your online preview via the contact form in my profile page. Then I can take a look. Please don’t post it here.
Excellent work and useful, too. Well done!
Hello Sike, I just bought your product. You said there is a FAQ in the source package included. Why i cant fine this document. I need instruction on how to use this files (this product).
Thanks
Hi, it’s the readme.html in the help folder.
Hello, Can this implemented onwordpress?
Hi right now it’s in HTML, you have to upload thf js/css files to your server and embed it on your post.
This looks cool; I think I could make good use of this.
I don’t want to be nosy, but I’m wondering if the source of the problem that topnation had was ever identified? I took a peek at his code and didn’t see anything obviously wrong. It’s hard for me to tell, though, without the source and docs. I’m a bit reluctant to try this for fear of ending up in the same spot…
Mind blowing effects, especially the last in the demo.Congrats!
Hi there, is there a possibility to trigger the flip by clicking a link neither to hover over the flipping-item?
Hi, you can customize the js code to trigger the transition in the link.
Hi sike, can you give me a hint how to do that?
HEy Sike, any news on that?
$(this).on('mouseover', {target:$(this), root:_this}, overCard);
to
$(this).on('click', {target:$(this), root:_this}, overCard);
You can drop me a line via the contact form in my profile page, I can send you the update file.
Thanks Sike, your hints helped me to get the solution!
Cheers, Tobi
Is this a server issue? Please help a poor college guy…
I can find nothing wrong with the code at http://caspercollege.edu/events/index_flip.html as well as http://caspercollege.edu/events/index_flip2.html. I used your EXACT code in both cases and it works perfectly in MSIE , Chrome and Safari, but will NOT line up correctly in Firefox… Please advise ASAP . Thank you in advance for any assistance.
Hello sike,
Wonderful stuff, however, for some strange reason I cannot get it to work correctly in Firefox… It works fine in chrome and safari (not tested MSIE yet). Can you take a quick glance and see what I might be doing wrong? http://caspercollege.edu/events/index_flip2.html ANY help/advice would be greatly appreciated.Hi please make sure the element is nested correctly, I see the thumbnails are not showing correctly in their position.
Thanks sike,
I will look into it closer, but why does it render perfectly in Chrome, Safari and MSIE ?
I’d like to embed this in a wordpress site, but I’d like the hover over effect to show an image that is larger than the original image. Basically the image would have a box to the right with a description of the image. Can this be adjusted easily in the code?
hi, does it comes with shortcode, easy to apply into post, page and blog?
Hi yes, you can embed the javascript and css to your blog. Then generate the plugin via shortcode. There is a FAQ in the source package.
is it suitable for the post featured images to list at category page? that means shortcode something like : [toggle catID:2,4,11] then click on the image(s) and link to the post page(s)
Hi – is it possible to only turn the card when it is clicked?
thanks
Hi yes, but have to customize the code now. Maybe add it in the future update.
Regards
