External files

On this page

Sirv Media Viewer can also display images which are not hosted in your Sirv account. External images will show as swappable thumbnails in the gallery.

If all the images in the gallery are from an external site, a “Powered by Sirv” link will show in the corner.

The images in this demo are served from a different domain (wikimedia.org):






External images are referenced with an img tag, using data-src, such as this:

<div class="Sirv">
  <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Pilot-Mountain-Szmurlo.jpg/800px-Pilot-Mountain-Szmurlo.jpg">
  <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Castle_Mountain.jpg/800px-Castle_Mountain.jpg">
  <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Passo_di_Giau.jpg/800px-Passo_di_Giau.jpg">
</div>

NoteImage zoom is not possible with external images, because external servers don’t have Sirv’s capability of tiling and compressing images.

To zoom external images, first they must be uploaded to your Sirv account. If all the external images are on the same domain, you can enable Sirv's image fetching, then change the images domain to your Sirv domain. Sirv will automatically copy them to your Sirv account and serve them as zoomable images.

Faster loading

If you're loading external images or videos, add the data-type="static" attribute to bypass Sirv's dynamic optimization. It will reduce the number of requests, so files will load faster.

<div class="Sirv">
  <img data-src="https://another-website.com/folder/image.jpg" data-type="static">
</div>

Was this article helpful?

Get help from a Sirv expert