即使没有加载图像,也要显示图像圆形

Question

我在div标签内以圆形方式显示图像,如下所示:

我的问题是:假设没有加载/存在图像(前第2张图像).即便如此,它应该以循环方式显示它.但它显示在如下图所示的正方形中:

我希望图像标签是圆形的,即使图像不存在.

小提琴链接

Answer 1

然后它也应该以圆形显示.但它显示为正方形,如下图所示

我认为你可能想要回退到其他图像或其他占位符.你可以像这样实现它:

<img src="https://material.angul.io/assets/img/examples/shiba2.jpg" 
     class="company" 
     onerror="this.src='https://via.placeholder.com/70x70'">

请注意onerror.您可以附加处理函数来执行更复杂的操作,例如隐藏img元素和显示其他占位符元素.