我在静态资源库中有我的图像的数据网址,但我想以html格式更改它,以便我可以从css自定义它的类。我不想编辑我的CSS。
这是我的apex静态资源网址代码:
<apex:image id="theImage" value="{!$Resource.mikee}" width="140" height="140"/>
另外,我刚刚从某个网站复制了这段代码,所以我真的不确定'id'是如何工作的。我的意思是它说这是一个生成的id。
无论如何,我希望它是这样的:
<img class="img img-circle img-responsive" id="mikee" data-src="[mikee]/mikee.jpg"/>
我正在使用引导程序对我的图像进行圆形切割..然而,它不起作用,似乎是什么问题?
答案 0 :(得分:1)
查看apex:image文档。
要在生成的HTML中设置类,您需要设置styleClass
属性。 E.g。
<apex:image id="theImage" value="{!$Resource.mikee}" width="140" height="140" styleClass="img img-circle img-responsive"/>
如果要设置HTML data-src属性,可以使用Salesforce pass-through attributes。例如。
<apex:image id="theImage" html-data-src="[mikee]/mikee.jpg" width="140" height="140" styleClass="img img-circle img-responsive"/>
请注意,{!$Resource.mikee}
Visualforce表示法将为您提供资源图像的URI。它不打算将资源的内容作为字符串路径读取。您可能最好使用自定义设置,然后使用{!Setup.MyCustomSetting__c.Url__c}
最后,有一个专门的salesforce.stackexchange.com网站,是询问Salesforce特定问题的好地方。