I need more control of the HTML output by the Views module.

Posted by 4toddt on February 14, 2013 at 4:39pm

Specifically, I want to output:
<img src="[url of the image]" class="[custom class that I choose]" alt="">
Views is outputting:
<img typeof="foaf:Image" src="[url of the image]" width="560" height="395" alt="">

I have Semantic Views installed but I can only control how I wrap the <img>, not the tag itself.

I have looked unsuccessfully for a field that would return just the url of the image.

Any help would be appreciated.

Comments

by the way

Posted by 4toddt on February 14, 2013 at 5:15pm

I'm using the field Content:Image to output the image. It would be nice if there was something like Content:Image_URL so I could rewrite the output with that included.

Relationships - File Usage:

Posted by iS on February 14, 2013 at 5:45pm

Relationships
- File Usage: File

Fields
- (File) File: Path
-- Display download path instead of file storage URI
-- Rewrite results
--- Rewrite the output of this field
---- Text
----- <img src="[uri]" />

It worked! But I don't understand how.

Posted by 4toddt on February 14, 2013 at 6:54pm

Could someone explain what I just did. What does the Relationship do? Why is File: Path pointing to the image rather than the node or body or something?

Can anyone explain or point me to documentation?

Posted by 4toddt on February 19, 2013 at 7:29pm

I still am unable to figure out why those settings did what they did.