How add Image as background

[sumit5290]

In the complex component, how to make the image as background image and the text as center align on the background image??

[Lokesh_Shivalingaiah · Accepted solution]

It should be taken care in your CSS making image as background and text as center aligned for that div

[sumit5290]

bsloki wrote...

It should be taken care in your CSS making image as background and text as center aligned for that div

<%@include file="/libs/foundation/global.jsp"%>
<%@ page import="com.day.cq.wcm.foundation.Image" %>
<%

    Image image = new Image(resource, "image");

    image.setSelector(".img");

    String text = properties.get("text", "TEXT NA");

%>

    <%= text %>
<%
    image.draw(out);

%>
<%
   image.getDescription().length();
%>

i m using this code...how to have the css inside it

[leeasling]

The image object has a getSrc() property.  You can switch your code up to utilize it:

<%

    Image image = new Image(resource, "image");

    image.setSelector(".img");

    String text = properties.get("text", "TEXT NA");

%>

    <%= text %>

<div style="background-image: url(<%=image.getSrc() %>);"></div>