How to add picture to a SharePoint list?

Question

I am using SharePoint 2007 Enterprise + Publishing portal template + Windows Server 2008. I want to add a list with two columns, one column displays picture, and the other column displayes rich text.

I did not find a way to display picture itself into a list (picture type column of list seems only add a link of picture to the column, not the picture itself). Any ideas how to implement? And is it possible to implement paging on list -- e.g. display 20 items on each page, and if 100 items, display by 5 pages (end user could use page-up and page-down to control paged view)?

Answer 1

I assume you are talking about SharePoint lists when you say you want to create a list and not that you want to create your own custom list control..

The column type "Image with formatting and constraints for publishing" has a thumbnail preview in list views, the standard Image column type does not, I suspect you are using the one from WSS instead of the one that comes with the Publishing feature in MOSS.

List views also come with paging automatically, I think the default is about 20? But if you drop down on the view menu and click modify this view, you will be able to specify the item limit. Paging is done using two (very small and somewhat hard to find sometimes) arrows that usually appear in a blue bar underneath the listview and sometimes in the top right of the list view.

Answer 2

You can create a Content Type with the Picture Content Type as a parent and create a site column for your rich text field. Then you can create a picture library and select to manage the Content Types and change it to your new custom content type and select the fields that you want.

This way, you will be able to create a view of your list with the picture (that will be uploaded as the item is created) and your rich text field. You can also customize this view to page as you prefer. I don't know a way to be able to use the page up/down control, but you can use a jQuery script that can modify the size of the paging commands so that they will be easier to see and use.

Answer 3

An alternative could be to add a calculated column that renders some html, for example an img tag with a src attribute that references the values of another field on your list.