如何将apex静态资源url(图像)代码转换为html?

时间:2014-03-03 10:17:56

标签: html css twitter-bootstrap salesforce apex

我在静态资源库中有我的图像的数据网址,但我想以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"/>

我正在使用引导程序对我的图像进行圆形切割..然而,它不起作用,似乎是什么问题?

1 个答案:

答案 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特定问题的好地方。