<xmod:LoadFeedImage>
<xmod:LoadFeedImage> renders a clickable image that fires an AJAX request to load an XMP feed when clicked — same behavior as <xmod:LoadFeedButton>, just rendered as an image rather than a push-button.
Requires jQuery
The hosting page must include jQuery.
Sibling variants
<xmod:LoadFeedButton>— push-button<xmod:LoadFeedLink>— hyperlink<xmod:LoadFeed>— load on page load (no click required)
Example
html
<div id="Content"></div>
<xmod:LoadFeedImage AlternateText="Show Top Authors" ImageUrl="~/images/refresh.gif"
FeedName="Top20Authors" Target="#Content"
LoadingImageUrl="~/images/loading.gif" />Properties
| Property | Values | Default | Description |
|---|---|---|---|
| FeedName * | string | Feed name as defined on the Manage Feeds page | |
| Target * | jQuery selector | The element whose content is replaced or appended | |
| ImageUrl | URL | Path to the image file. Tilde (~) supported | |
| AlternateText | string | Alt text for screen readers and search engines | |
| InsertMode | Replace Append Prepend | Replace | How the loaded content is placed into the target |
| LoadingImageUrl | URL | Image shown in the target while the feed is loading | |
| LoadingCssClass | string | CSS class(es) applied to the loading image | |
| InfinitePaging | True False | False | Enable infinite-scroll plumbing |
| IDSelector | jQuery selector | When InfinitePaging="True", locates the element holding the last record's ID | |
| CssClass | string | CSS class name(s) | |
| Style | string | Inline CSS | |
| ToolTip | string | Hover tooltip | |
| Visible | True False | True | Shows or hides the control |
* Required property
Child Tags
<Field Name Value> — same as on <xmod:LoadFeedButton>.
See <xmod:LoadFeedButton> for full property details and infinite-paging usage.