Skip to content

Instantly share code, notes, and snippets.

@iainurquhart
Created September 27, 2011 08:17
Show Gist options
  • Save iainurquhart/1244591 to your computer and use it in GitHub Desktop.
Save iainurquhart/1244591 to your computer and use it in GitHub Desktop.
Pointee Example
<style type="text/css">
.image {position: relative;}
.image span {
position: absolute;
background: red;
width: 15px;
height: 15px;
border-radius: 15px;
}
</style>
{exp:channel:entries channel="location" limit="1"}
<h3>{title}</h3>
{if pointee}
<div class="image">
<img src="{pointee:img}" />
<span style="left:{pointee:x offset='-8'}px; top:{pointee:y offset='-8'}px;"></span>
</div>
{/if}
{/exp:channel:entries}
@mikestecker
Copy link

This is great. I've bookmarked it for future use, but I have a question: what about for responsive images?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment