wpking99

Still no solution found? I am having the same problem, just with a different type of slider.

The initial images of the slider load perfectly, but as the slider progresses, new images fail to load. They are not displayed until there is some kind of interaction by the user (like scrolling or clicking somewhere).

I would prefer a solution, where these images are loaded automatically as soon as they slide into the visible area.

I tried to find the code inside the plugin files which sets the widths for inserted images but failed, maybe you can help me out there.

In the meantime at least I could find a workaround to resolve this firefox-issue for the moment. I had to create a new CSS rule to overrule the wrong widths from the plugin:

#supsystic-table-5 img {
	width: auto !important;
	max-width:160px !important;
}

I don’t like this solution but it helps. But please take a look into the problem or give me a hint where I could find the problem inside the plugin files.

I think I got a workaround for those facing the same problem:

Open functions.php of Plugin and find this coding…
function wp_review_register_default_rating_types() {
…
wp_review_register_rating_type( ‘point’, array(
‘label’ => __(‘Point’, ‘wp-review’),
‘max’ => 10,
‘decimals’ => 0,
‘value_text’ => __(‘%s/10’, ‘wp-review’),
‘value_text_singular’ => __(‘%s/10’, ‘wp-review’),
‘input_template’ => WP_REVIEW_DIR . ‘rating-types/point-input.php’,
‘output_template’ => WP_REVIEW_DIR . ‘rating-types/point-output.php’,
) );

Change ‘decimals’ => 0 to 1.

That’s exactly the issue I was talking about and the image where it is most obvious, but the other images are affected aswell. If you take a look into the browser’s code inspector, you will see that this image has a max-width: 134px and width: 100%, although I only set the max-width to be 160px.

<a ...><div style="margin-top:5px"><img style="max-width:160px" src="..." ></div></a>

All other images seem to be displayed correctly, but for real they also have those random max-widths and 100% width and not 160px as they should have. So these values are somehow generated through the plugin. Only after Page reload it is back to correct widths.

Example Page would be https://www.lautsprecher-tests.de/lautsprecher-vergleich/. All Images have set a <img style=”max-width:160px”> and no width. Still all of the images get a random max-width at the first pageload and a width of 100%. If I try to overwrite the width, it doesn t work either.

It only seems to happen at first load within current firefox version 44.0.2. As for my current test, internet explorer 11 doesn t seem to have this problem.

If this information helps you: this happens only when you first visit the page with the table. When hitting Refresh 1 time, all images will have proper max-width (but still set automatically)