Embed Flickr Slideshow

Copy & Paste this code into your website where you want your Flickr Slideshow to appear:

<iframe style="position: relative; top: 0; left: 0; width: 100%; height: 100%;" src="https://flickrembed.com/cms_embed.php?source=flickr&layout=responsive&input=food&sort=0&by=keywords&theme=default&scale=fill&limit=10&skin=default&autoplay=true" scrolling="no" frameborder="0" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"><small>Powered by <a href="https://flickrembed.com">flickr embed</a>.</small></iframe><script type="text/javascript">function showpics(){var a=$("#box").val();$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags="+a+"&tagmode=any&format=json&jsoncallback=?",function(a){$("#images").hide().html(a).fadeIn("fast"),$.each(a.items,function(a,e){$("<img/>").attr("src",e.media.m).appendTo("#images")})})}</script>

Problems? Alternatively you can use the legacy code below if your host does not allow iframes.
Please note: This code is not as stable as the above one, so only use it when needed.

<div id="flickrembed_58"><script src="https://flickrembed.com/embed_v2.js.rand.php?container=flickrembed_58&source=flickr&layout=responsive&input=food&sort=0&by=keywords&theme=default&scale=fill&limit=10&skin=default"></script><script type="text/javascript">function showpics(){var a=$("#box").val();$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags="+a+"&tagmode=any&format=json&jsoncallback=?",function(a){$("#images").hide().html(a).fadeIn("fast"),$.each(a.items,function(a,e){$("<img/>").attr("src",e.media.m).appendTo("#images")})})}</script><small>Powered by <a href="https://flickrembed.com">flickr embed</a></small></div>