I tried but Chrome still executes it making a normal image animate like a slidein animation. Because img has max-width 100% or width 100% to it.
Chrome is the only browser who does that btw.
Have you tried to animate the max-width as well?
No, the image should just be the size it is without animating it.
It’s an annoying thing in Chrome. I’ve created the following solution for now:
Created a separate class with the css transition properties and that class with a :hover statement with the animating values.
Then with jquery i add the class to the image on hover – which also triggers the :hover of that class after jquery added the class.
There are no performance problems so i think i’ll keep with this one.
I’m creating a simple image zoom on hover effect with CSS transitions.
It all works well but – when loading the page for the FIRST time in Chrome you see the images zooming in from zero to correct height.
After some testing i came to the conclusion it happens because of my responsive stylesheet sets a max-width:100% to all images. But the max-width needs to be there for my responsive framework.
One solution a came across was to set classes that set the transitions properties to none and remove them with jquery after pageload. But i don’t like to put classes everywhere just for some stupid chrome loading issue.
Anyone with a tip or solution?
get_post_type : http://codex.wordpress.org/Function_Reference/get_post_type
or use the global $post; and $post->post_type to get the post type.
Maybe these are of use!
As a PSD i think MAYBE it’s not enough. But it sure would be a nice html template.
And, change your logo because it looks like mine
just kiddin – there are plenty of similar logos so
Again was refused… Accept criticism of the template if anyone have any free time to see.. http://prestazilla.com/demo/boutique/index.php
You’re pretty close to have a nice theme, the basics are there.
Things that i see:
- The second slider on the homepage ( underneath the 3 picutes ): make it full width. Now it looks a bit empty to suddenly have a smaller slider than the rest of the page.
Globaly i think it needs some more elements, to get a more unique design. Maybe like instantly showing the price with a nice price tag, or tag/category tag.
Also maybe create a good looking page divider to create sections.
It’s pretty cool indeed.
Allthough i think the majority of people won’t be able to do stuff while wearing the glasses. For most people it will be too much, get distracted and won’t be able to perform their tasks because they can’t handle too many inputs. Which is a common fact for normal people.
That’s why for example jet pilots have intensive training and certainly not everyone can do it because they have to monitor hundreds of things at the same time while most people can’t even drive a car properly and pay good attention to the road – let alone what happens when regular people start wearing glasses giving them even more inputs every minute.
It’s a cool tool though, maybe finding it’s use in some professional business but mostly tech savy people who can’t get enough of staying “connected”.
I call it “connected” with quote marks since that term is and will be overused while marketing the product – while i think such tools to get even “more connected” will you get even further disconnected.
Can’t wait to wear one of those though
Funny to see a thread and congratz while the guy himself isn’t even around
Maybe the problem is because of your used framework and similiar use is already also sold on your own site. Maybe you should check that out.