AnsweredAssumed Answered

Thumbnail view

Question asked by sjeek on Jul 7, 2006
Latest reply on Sep 15, 2006 by rgauss
Hi,

I'm working on a thumbnail view to find images on a quick way.
Now, in my first version, I used the following code


<h:graphicImage id="graphicimageview" value="#{r.url}" height="#{BrowseBean.thumbnailH}" width="#{BrowseBean.thumbnailW}" />

But, now, I want to show also thumbnails of jpeg2000, tiff images etc.
I can display these images with the embed tag. (quicktime, other plugins, …)


<h:outputText id="thumbnail_images" value="<embed src='/alfresco#{r.url}' width='#{BrowseBean.thumbnailW}' height='#{BrowseBean.thumbnailH}'>" escape="false" />

In Firefox, regular images are also showed with the embed tag, but IE can't show jpg, gif etc with the embed tag., so, here, we need a solution for.


If the mimetype of the file is jpg, gif, …, then we want to use the regular <img> tag.
And if the mimetype of the file is jp2, tiff, swf, … etc, then we want to use the <embed> tag.

I'm trying to work something out with the booleanEvaluator, but till now, I still didn't succeed.

Anyone a suggestion?

Here is an example of how i want to do this, but I don't know how i can check the mimetype in the checkincheckoutbean because i can't give the ID along with it.

example:


<a:booleanEvaluator id="showThumb" value='#{CheckinCheckoutBean.thumbnailFile == false}' >
   <h:outputText id="thumbnail_images" value="<embed src='/alfresco#{r.url}' width='#{BrowseBean.thumbnailW}' height='#{BrowseBean.thumbnailH}'>" escape="false" />
</a:booleanEvaluator>
<a:booleanEvaluator id="showThumb" value='#{CheckinCheckoutBean.thumbnailFile == true}' >
   <h:outputText id="thumbnail_images" value="<img src='/alfresco#{r.url}' width='#{BrowseBean.thumbnailW}' height='#{BrowseBean.thumbnailH}'>" escape="false" />
</a:booleanEvaluator>

Here, i can give the ID along with it, but i don't hav any action events in the other code sample.

<a:actionLink id="inlinelistlink" value="#{r.name}" styleClass="title" actionListener="#{CheckinCheckoutBean.inlineFile}">
<f:param id="inlinelistparam" name="id" value="#{r.id}" />
</a:actionLink>

friendly regards

Outcomes