Displaying Image as Background - Meta Box

This topic has 2 replies, 2 voices, and was last updated 9 years, 1 month ago by tone4407.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
October 28, 2015 at 3:21 AM #1630
tone4407
Participant
Hi. I'm trying to get a meta box field and insert in into my HTML as a background image. Here is my code:
```
<?php 
$images = rwmb_meta( 'meta-about-image', 'type=image' );
foreach ( $images as $image )
{
echo "<a href='#' style='background: url('{$image['full_url']}');'></a>";
}
?>
```
On the front end, the HTML looks like this:

<a href="#" style="background: url(" http:="" localhost="" decoypro="" wp-content="" uploads="" 2015="" 10="" scott-about.jpg');'=""></a>

Obviously the full URL is not being added correctly. Any ideas why?

Add New Note to this Reply
October 28, 2015 at 7:56 AM #1634
Anh Tran
Keymaster
The problem is you're using single quote twice (for style attribute and for url in background), that makes the HTML invalid. You can omit the quote for url, like this:
```
<?php 
$images = rwmb_meta( 'meta-about-image', 'type=image' );
foreach ( $images as $image )
{
    echo "<a href='#' style='background: url({$image['full_url']});'></a>";
}
?>
```
Add New Note to this Reply
October 28, 2015 at 8:12 AM #1637

tone4407
Participant

Ugh. Can't believe I missed that. A second pair of eyes always helps, thanks!

Add New Note to this Reply
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Displaying Image as Background’ is closed to new replies.