Custom icons for Exhibit + Timeline

[soyiuz]

Can someone please explain how to use ex:iconKey correctly?

I am trying to get custom icons to work with Exhibit + Timeline. The data is coming as JSON from Google Docs, where I have an {icon} field which contains the URL for each event icon (these are single events). So I am trying to  do something like:

<div ex:role="view"
                ex:viewClass="Timeline"
                ex:start=".start"
                ex:end=".end"
                ex:iconKey=".icon"
                ex:timelineConstructor="myTimelineConstructor"
                >
</div>

And myTimelineConstructor makes bands like this:

var bandInfos = [
                Timeline.createBandInfo({
                    width:          "20%",
                    intervalUnit:   Timeline.DateTime.MONTH,
                    intervalPixels: 100,
                    eventSource:    constructFilteredEventSource(eventSource, window.database, "category", "a"),
                    theme:          theme

Everything works except the icons! Any help would be appreciated.

[soyiuz]

Sorry, I now understand how iconcoder and iconkey work. However, I am trying to display a dataset of photographs, and would like each of my icons to be an icon of the photograph in question. Is this possible through Exhibit?

[Sam]

I have the same issue, did you ever find answer to this?

[David Karger]

Your example wasn't using iconkey correctly, but you say you now understand that part so i'll skip. 

Since icons are defined by urls, if you give the urls of your photos, those photos will indeed be used as the icons.

However, those photos are generally large and will load slowly.  So, a better approach is to create a thumbnail for each icon and use urls of the thumbnails. 

--
You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group.
To unsubscribe from this group and stop receiving emails from it, send an email to simile-widget...@googlegroups.com.
To post to this group, send email to simile-...@googlegroups.com.
Visit this group at http://groups.google.com/group/simile-widgets?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.