Image as background

Hi all

I am trying to edit the ce_image.hmtl5 template and add an image as background into a div so that I can use background-size:cover. But for my life I can figure how to parse the image path.

If I use this:
<div class="background" style="background-image:url(<?php $this->insert('picture_default', $this->picture); ?>)">


The rendered source code will look like this:
<div class="background" style="background-image:url(

<img src="assets/images/d/test-b28a27ad.jpg" width="1350" height="900" alt="">

)">


How can I edit the template to be able to use the image path ?

I am trying to have the image 100% width and scale with the content. If anyone have a better solution than using the image as background I would highly appreciate it.

Thanks

Use this piece of code inside your template (in your case ce_image.hmtl5) to see what all variables are available for you to use.

Code:

---

<?php $this->showTemplateVars(); ?>

---

Hope it helps

Quote:

---

Originally Posted by tsarma

Use this piece of code inside your template (in your case ce_image.hmtl5) to see what all variables are available for you to use.

Code:

---

<?php $this->showTemplateVars(); ?>

---

Hope it helps

---

Thanks will give it a try. :)