Displaying node/block specific images using img tag and relative paths
Recently installed 4.7 beta6 and RC2 on a dev server.
I have nodes (ie: pages) and blocks that use static images for layout purposes/headers and backgrounds. Easiest solution seemed to create an "images" directory in Drupal root, dump all pictures there and use img tags similar to <img src="images/pic.gif"> in concerned nodes and blocks. If I view those nodes using www.example.com/node/x (ie: x = nodeid) no images show. Be it in blocks or node contents. If I set that same node as default Drupal frontpage in settings and view www.example.com miracle! all images load fine in blocks and the said node.
Seems to me previous Drupal releases dealt fine with this. Either 4.7 does not allow this or base_url gets messed up during node views or I've simply lost my mind.
Anybody else with this issue? I'd appreciate any feedback. I searched forums etc but could not get any solutions other than "adding base href in page.tpl.php" which might work for links but not images.
Many thanks,
I believe you need a leading slash
I think if you change
<img src="images/pic.gif">to<img src="/images/pic.gif">(leading slash before images) it will work (since your path is relative to root).Please also note that input
Thanks for the quick answer!....I did try puting the / in front, moving the images directory to various spots on the server etc. Still is a mystery. Also, my server is in a subdirectory like .com/subdir, I checked the html output and the image paths come out as images/pic.gif whereas the logo path for example gets an added /subdir/logo.gif.
Please also note that input types are set to full html on the said nodes. And I'm using the default text area editor. (No Tiny etc editors installed).
I think the best example is with a custom block with a background image. That block will show up fine when browsing certain sections and will lose the background image image in others.
Thanks again
Image display in Drupal page content
Hi!
Put your images in the files folder in the Drupal root directory and then use the img tag as follows It worked for me.