- From: Mark Birbeck <mark.birbeck@x-port.net>
- Date: Mon, 31 Mar 2008 13:15:53 +0100
- To: "Daniel Renfer" <duck@kronkltd.net>
- Cc: public-rdf-in-xhtml-tf@w3.org
Hi Daniel,
> I ran into a similar issue when I was trying to convert my FOAF file into a
> prose XHTML+RDFa document. My problem was, how can I link to an image, but
> also specify the thumbnail version of that image?
>
> <#me>
> foaf:depiction <me.jpg>.
>
> <me.jpg>
> foaf:thumbnail <me-thumb.jpg>.
>
> It seems like the answer would be the same for both of them. It's a shame I
> can't just put a span inside of <img/>.
This is why @src was made to act like @about and not @resource/@href.
The mark-up you want is this:
<div about="#me">
<span rel="foaf:depiction">
<img src="me.jpg" rel="foaf:thumbnail" resource="me-thumb.jpg" />
</span>
</div>
By the way, in XHTML 2 @href can appear on any element, and represents
a navigable link. So you might actually reverse what you are saying,
and say t hat the thumbnail is a depiction of you, and that it is a
'thumbnail of' the larger picture:
<div about="#me">
<span rel="foaf:depiction">
<img src="me-thumb.jpg" rev="foaf:thumbnail" href="me.jpg" />
</span>
</div>
Now the smaller image shows inline in the document, and clicking on it
would yield the larger image.
Regards,
Mark
--
Mark Birbeck
mark.birbeck@x-port.net | +44 (0) 20 7689 9232
http://www.x-port.net | http://internet-apps.blogspot.com
x-port.net Ltd. is registered in England and Wales, number 03730711
The registered office is at:
2nd Floor
Titchfield House
69-85 Tabernacle Street
London
EC2A 4RR
Received on Monday, 31 March 2008 12:21:48 UTC