terraelise
Member
Posted 6 months ago #
Just in case anyone else is having a similar issue, I usually try to post common fixes to help anyone else that might be running into css/html cross-browser bugs.
If you size your images in css using max-width (or similar) you might find the transitions don't work on those larger images that are affected (in older IE the proportions also don't always stay equal). While still doesn't work in all browsers (I'm looking at you Chrome! plus, jumpy a bit in IE8), if you edit inc/shortcode.php and remove width & height from being inserted into the html (hardcoded) it seems to fix the issue/s.
example of edited code: http://www.tessasgarden.com/portfolio/shows-exhibitions
If you notice anything else odd, or have comments, i'd love to hear it. Thanks, and happy coding!
http://wordpress.org/extend/plugins/portfolio-slideshow/
The new version has an option to enable/disable support for fluid-width slideshows. I find that one or the other usually helps with theme compatibility. Did you give that a try?
Dalton
terraelise
Member
Posted 6 months ago #
Not sure what that has to do with it? I posted why I had the issue (my css sets max-width to images that have a hard-coded height/width) and the solution.
Because the plugin has the ability to override the max-width attribute in the theme's CSS.
terraelise
Member
Posted 6 months ago #
My theme had no max-width - I added that to the CSS myself due to design contraints, which, combined with hardcoded height/width, causes issues - and it still does in Chrome and some older browsers anyhow. This script doesn't 'fade' resized images effectively in all browsers.
