Display attached images as background-image css

using this code

<?php if (has_post_thumbnail( $post->ID ) ): ?>
      <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
    <div class="single-parallax-image" style="background-image:url("<?=$image[0]; ?>")"><?=get_the_content()?></div>

      </div>
    <?php endif; ?>

Related Posts:

  1. Remove images (files) that were generated when using add_image_size()
  2. How to display a page’s featured image?
  3. Displaying images from external RSS feeds?
  4. Why should I use “Organize my uploads into month- and year-based folders” option? (Cons/Pros)
  5. Cropped featured image replaces original image in gallery
  6. Displaying images with relative paths in the editor
  7. Prevent image upload unless exact size
  8. Use Media upload in custom widget on wordpress 3.5
  9. Fixing external image urls
  10. Associate an existing image with a post
  11. Need help building a filter to edit the output of “image_send_to_editor”
  12. Preview Image Path in Admin Section
  13. How to remove title attribute from gallery links and images
  14. How to upload image without post ID using the new media uploader?
  15. Featured Images on Front Page
  16. Display different header images based on current page
  17. Ability to edit image via WYSIWYG
  18. Why images/photos after being uploaded to my wordpress site get slightly blurry?
  19. Featured Image .svg height and width 1px only
  20. Extend core block attributes in post content
  21. Rename image file by post title
  22. Set a background color per image added to a post
  23. Featured image (responsive) above content is too small after update to WordPress 4.4
  24. How to show only posts with images?
  25. add_image_size() to crop images into squares?
  26. How Do I Delete All The Images from WordPress
  27. Consolidating two websites into one, but migrated images not appearing in Image Library
  28. Lazyload post thumbnails
  29. Is there a way to change wordpress image resize settings?
  30. Upload .doc to blog
  31. Is my code is right to make image shortcode
  32. How to remove p tags around img and iframe tags in the acf wysiwyg field
  33. How can I insert an image map into a WordPress blog post?
  34. image in my post disappeared after I upload website to remote server
  35. Pull images from the gallery
  36. Isolating images in uploads not used/recognised by WordPress
  37. Add width & height attributes to Gutenberg’s image output?
  38. Include image in excerpt
  39. images not showing after transfer
  40. How to configure sub-domain for images on Debian Apache VPS?
  41. Why it doesn’t show media urls on rest Api? (WordPress)
  42. WordPress 4.1 header image problem
  43. force feed readers to pick atom version
  44. Is there any way to Integrate WordPress with Imgur for Image Hosting
  45. Don’t show images inserted into content
  46. What happened to the media manger?
  47. Add custom metabox to media library images
  48. Howto use WP built in Thickbox for images?
  49. Autosort uploads in galleries by filename
  50. How to display original unmodified thumbnail
  51. One picture belonging different galleries?
  52. “HTTP Error” or Network Error (tcp_error) when uploading image
  53. Hide Featured Image box – isn’t working?
  54. Removing Images from a WordPress Post
  55. How can I change the to for lazyload wp smilies
  56. Random Image Script Working but Want to Avoid Duplicates
  57. How to post images on my blog with a pre-defined border
  58. Output posts attached images as thumbnails linked to full-size with lightbox class
  59. Making a parent directory writable by the server
  60. HTML Img with data:image src gets sanitized in admin?
  61. Can’t find image to remove
  62. How to add a custom class to all the images for a page only?
  63. my featured image of wordpress are not showing in the front end though image are uploaded in media library
  64. How can i place featured image after h2
  65. Images getting smashed
  66. Unset image sizes before images are uploaded
  67. Wrap post images with a link, not figure (image_send_to_editor doesn’t work)
  68. An error has occurred during the upload process in wordpress 5.3.2
  69. get_the_post_thumbnail() title and alt attributes not displaying
  70. What is the best way to host a site with many images without it being too slow?
  71. Show featured image in all posts
  72. Jetpack Lazy load images fade in
  73. add alt text to images loaded from json with media_sideload_image
  74. WordPress images programatically display error
  75. Load only imagens resized in custom page
  76. How to see previous –next image option in the theme?
  77. Put image onto header
  78. Getting the Select and Crop Functionality Using Custom Fields
  79. Display images in template file
  80. Need help making my homepage blog image smaller than my post image
  81. After I upload a file to library its name converted to dashes
  82. Changing image size displayed in wordpress twenty fourteen theme
  83. How do I display image files as links?
  84. Only User Upload image Http Error
  85. See the all uploaded images of a user as an admin
  86. Broken Media Library
  87. wp_get_attachment_image_src() does not return what I want
  88. 3.5.x Theme Customize: Handling Custom Control Requests
  89. Wrap a post image with a div if it doesn’t have a caption
  90. Custom filename when pasting an image from clipboard
  91. WordPress Bootstrap dynamic carousel showing images separately not as carousel
  92. Adding different classes to different images depending on size for fine control of image layout in posts
  93. How to display image ALT under image?
  94. Faster image upload on mobile [closed]
  95. WordPress API, creating Featured Media from image url (nodejs)
  96. Serve images as webp if browser support
  97. Image Attachments Query Not Working If Post Is Loaded Via Ajax
  98. if user role is x – show image – wordpress
  99. Attachment tag archive
  100. Using medium_large image size