flickrembed.com
Open in
urlscan Pro
2a06:98c1:3120::a
Public Scan
Submitted URL: http://flickrembed.com/
Effective URL: https://flickrembed.com/
Submission: On May 10 via api from GB — Scanned from GB
Effective URL: https://flickrembed.com/
Submission: On May 10 via api from GB — Scanned from GB
Form analysis 1 forms found in the DOM
<form>
<div>
<div class="nf-before-form-content"><nf-section>
<div class="nf-form-fields-required">Fields marked with an <span class="ninja-forms-req-symbol">*</span> are required</div>
</nf-section></div>
<div class="nf-form-content "><nf-fields-wrap><nf-field>
<div id="nf-field-13-container" class="nf-field-container listselect-container label-hidden flickr_box list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-13-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="13">
<div class="nf-field-label"><label for="nf-field-13" id="nf-label-field-13" class=""> </label></div>
<div class="nf-field-element">
<select id="nf-field-13" name="nf-field-13" aria-invalid="false" aria-describedby="nf-error-13" class="ninja-forms-field Flickrby nf-element" aria-labelledby="nf-label-field-13">
<option value="keywords" selected="selected">Fetch photos by Keyword(s)</option>
<option value="tags">Fetch photos by Tag(s)</option>
<option value="album">Fetch Photos from Flickr PhotoSet / Album</option>
<option value="user">Fetch photos from a Flickr User</option>
<option value="group">Fetch photos from a Group</option>
</select>
<div for="nf-field-13"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-13" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-16-container" class="nf-field-container textbox-container label-above flickr_box ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-16-wrap" class="field-wrap textbox-wrap" data-field-id="16">
<div class="nf-field-label"><label for="nf-field-16" id="nf-label-field-16" class="">Keyword(s) <span class="ninja-forms-req-symbol">*</span> </label></div>
<div class="nf-field-element">
<input type="text" value="food" class="ninja-forms-field Flickr_input nf-element" placeholder="Enter Keyword(s) seperated by commas" id="nf-field-16" name="nf-field-16" aria-invalid="false" aria-describedby="nf-error-16"
aria-labelledby="nf-label-field-16" required="">
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-16" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-5-container" class="nf-field-container listselect-container label-above list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-5-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="5">
<div class="nf-field-label"><label for="nf-field-5" id="nf-label-field-5" class="">Theme <span class="ninja-forms-req-symbol">*</span> </label></div>
<div class="nf-field-element">
<select id="nf-field-5" name="nf-field-5" aria-invalid="false" aria-describedby="nf-error-5" class="ninja-forms-field theme nf-element" aria-labelledby="nf-label-field-5" required="">
<option value="default" selected="selected">Default</option>
<option value="default_notextpanel">Default No TextPanel</option>
<option value="carousel">Carousel</option>
<option value="slider">Slider</option>
<option value="tiles">Columns</option>
<option value="tiles_justified">Justified</option>
<option value="tiles_nested">Nested</option>
<option value="tilesgrid">Grid</option>
<option value="compact">Bottom Panel</option>
<option value="compact_top">Top Panel</option>
<option value="compact_right">Right Panel</option>
<option value="compact_left">Left Panel</option>
<option value="grid">Bottom Panel</option>
<option value="grid_top">Top Panel</option>
<option value="grid_right">Right Panel</option>
<option value="grid_left">Left Panel</option>
</select>
<div for="nf-field-5"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-5" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-8-container" class="nf-field-container listselect-container label-above list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-8-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="8">
<div class="nf-field-label"><label for="nf-field-8" id="nf-label-field-8" class="">Skin <span class="ninja-forms-req-symbol">*</span> </label></div>
<div class="nf-field-element">
<select id="nf-field-8" name="nf-field-8" aria-invalid="false" aria-describedby="nf-error-8" class="ninja-forms-field skin nf-element" aria-labelledby="nf-label-field-8" required="">
<option value="default" selected="selected">Default</option>
<option value="default-light">Default - Transparent</option>
<option value="alexis">Alexis</option>
<option value="alexis-light">Alexis - Transparent</option>
</select>
<div for="nf-field-8"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-8" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-41-container" class="nf-field-container listselect-container label-above list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-41-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="41">
<div class="nf-field-label"><label for="nf-field-41" id="nf-label-field-41" class="">Transition Delay </label></div>
<div class="nf-field-element">
<select id="nf-field-41" name="nf-field-41" aria-invalid="false" aria-describedby="nf-error-41" class="ninja-forms-field dd_transition_speed nf-element" aria-labelledby="nf-label-field-41">
<option value="1000">1 Second</option>
<option value="2000">2 Seconds</option>
<option value="3000" selected="selected">3 Seconds</option>
<option value="5000">5 Seconds</option>
<option value="10000">10 Seconds</option>
<option value="15000">15 Seconds</option>
</select>
<div for="nf-field-41"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-41" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-9-container" class="nf-field-container listselect-container label-above list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-9-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="9">
<div class="nf-field-label"><label for="nf-field-9" id="nf-label-field-9" class="">Scale Mode </label></div>
<div class="nf-field-element">
<select id="nf-field-9" name="nf-field-9" aria-invalid="false" aria-describedby="nf-error-9" class="ninja-forms-field scale_mode nf-element" aria-labelledby="nf-label-field-9">
<option value="fit">Fit</option>
<option value="fill" selected="selected">Fill</option>
</select>
<div for="nf-field-9"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-9" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-10-container" class="nf-field-container listselect-container label-above list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-10-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="10">
<div class="nf-field-label"><label for="nf-field-10" id="nf-label-field-10" class="">Layout </label></div>
<div class="nf-field-element">
<select id="nf-field-10" name="nf-field-10" aria-invalid="false" aria-describedby="nf-error-10" class="ninja-forms-field layout nf-element" aria-labelledby="nf-label-field-10">
<option value="fixed">Fixed</option>
<option value="responsive" selected="selected">Responsive</option>
</select>
<div for="nf-field-10"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-10" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-11-container" class="nf-field-container textbox-container label-above fixed_hidden ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-11-wrap" class="field-wrap textbox-wrap" data-field-id="11">
<div class="nf-field-label"><label for="nf-field-11" id="nf-label-field-11" class="">Width </label></div>
<div class="nf-field-element">
<input type="text" value="" class="ninja-forms-field width nf-element" placeholder="Pixels - Example: 200" id="nf-field-11" name="nf-field-11" aria-invalid="false" aria-describedby="nf-error-11" aria-labelledby="nf-label-field-11">
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-11" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-12-container" class="nf-field-container textbox-container label-above fixed_hidden ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-12-wrap" class="field-wrap textbox-wrap" data-field-id="12">
<div class="nf-field-label"><label for="nf-field-12" id="nf-label-field-12" class="">Height </label></div>
<div class="nf-field-element">
<input type="text" value="" class="ninja-forms-field height nf-element" placeholder="Pixels - Example: 200 (Optional)" id="nf-field-12" name="nf-field-12" aria-invalid="false" aria-describedby="nf-error-12"
aria-labelledby="nf-label-field-12">
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-12" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-14-container" class="nf-field-container listradio-container label-above source list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-14-wrap" class="field-wrap listradio-wrap list-wrap list-radio-wrap" data-field-id="14">
<div class="nf-field-label"><label for="nf-field-14" id="nf-label-field-14" class="">Image Source </label></div>
<div class="nf-field-element">
<ul aria-describedby="nf-error-14">
<li>
<input type="radio" id="nf-field-14-0" name="nf-field-14" class="ninja-forms-field nf-element nf-checked" value="source1" checked="checked" aria-labelledby="nf-label-class-field-14-0">
<label for="nf-field-14-0" id="nf-label-class-field-14-0" class="nf-checked-label">Flickr</label>
</li>
</ul>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-14" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-17-container" class="nf-field-container listselect-container label-above flickr_box list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-17-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="17">
<div class="nf-field-label"><label for="nf-field-17" id="nf-label-field-17" class="">Sorting Criteria </label></div>
<div class="nf-field-element">
<select id="nf-field-17" name="nf-field-17" aria-invalid="false" aria-describedby="nf-error-17" class="ninja-forms-field Flickr_sort nf-element" aria-labelledby="nf-label-field-17">
<option value="0" selected="selected">Sort by most interesting</option>
<option value="1">Sort by most relevant</option>
<option value="2">Sort by most recently posted</option>
<option value="3">Sort by most recently taken</option>
<option value="4">Sort by least recently posted</option>
<option value="5">Sort by least recently taken</option>
</select>
<div for="nf-field-17"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-17" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-18-container" class="nf-field-container listselect-container label-above insta_box list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-18-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="18">
<div class="nf-field-label"><label for="nf-field-18" id="nf-label-field-18" class=""> </label></div>
<div class="nf-field-element">
<select id="nf-field-18" name="nf-field-18" aria-invalid="false" aria-describedby="nf-error-18" class="ninja-forms-field Instagramby nf-element" aria-labelledby="nf-label-field-18">
<option value="tags" selected="selected">Fetch photos from an Instagram Tag</option>
<option value="user">Fetch photos from an Instagram Username</option>
</select>
<div for="nf-field-18"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-18" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-19-container" class="nf-field-container textbox-container label-above instaboxinput ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-19-wrap" class="field-wrap textbox-wrap" data-field-id="19">
<div class="nf-field-label"><label for="nf-field-19" id="nf-label-field-19" class=""> </label></div>
<div class="nf-field-element">
<input type="text" value="" class="ninja-forms-field Instagram_input nf-element" placeholder="Enter Tag(s) seperated by commas" id="nf-field-19" name="nf-field-19" aria-invalid="false" aria-describedby="nf-error-19"
aria-labelledby="nf-label-field-19">
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-19" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-40-container" class="nf-field-container textbox-container label-above ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-40-wrap" class="field-wrap textbox-wrap" data-field-id="40">
<div class="nf-field-label"><label for="nf-field-40" id="nf-label-field-40" class="">Gallery Photos Limit </label></div>
<div class="nf-field-element">
<input type="text" value="10" class="ninja-forms-field photolimit nf-element" id="nf-field-40" name="nf-field-40" aria-invalid="false" aria-describedby="nf-error-40" aria-labelledby="nf-label-field-40">
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-40" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-20-container" class="nf-field-container checkbox-container label-right ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-20-wrap" class="field-wrap checkbox-wrap" data-field-id="20">
<div class="nf-field-label"><label for="nf-field-20" id="nf-label-field-20" class="">Show Advanced Options </label></div>
<div class="nf-field-element">
<input id="nf-field-20" name="nf-field-20" aria-describedby="nf-error-20" class="ninja-forms-field advanced_options_checkbox nf-element" type="checkbox" value="1" aria-labelledby="nf-label-field-20">
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-20" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-21-container" class="nf-field-container html-container label-above hidden ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-21-wrap" class="field-wrap html-wrap" data-field-id="21">
<div class="nf-field-label"><label for="nf-field-21" id="nf-label-field-21" class=""> </label></div>
<div class="nf-field-element">
<p>Note: Different themes may support different options.<br></p>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-21" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-22-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-22-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="22">
<div class="nf-field-label"><label for="nf-field-22" id="nf-label-field-22" class="">Fullscreen </label></div>
<div class="nf-field-element">
<select id="nf-field-22" name="nf-field-22" aria-invalid="false" aria-describedby="nf-error-22" class="ninja-forms-field theme_enable_fullscreen_button nf-element" aria-labelledby="nf-label-field-22">
<option value="true" selected="selected">Enabled</option>
<option value="false">Disabled</option>
</select>
<div for="nf-field-22"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-22" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-23-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-23-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="23">
<div class="nf-field-label"><label for="nf-field-23" id="nf-label-field-23" class="">Play / Pause </label></div>
<div class="nf-field-element">
<select id="nf-field-23" name="nf-field-23" aria-invalid="false" aria-describedby="nf-error-23" class="ninja-forms-field theme_enable_play_button nf-element" aria-labelledby="nf-label-field-23">
<option value="true" selected="selected">Enabled</option>
<option value="false">Disabled</option>
</select>
<div for="nf-field-23"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-23" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-24-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-24-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="24">
<div class="nf-field-label"><label for="nf-field-24" id="nf-label-field-24" class="">Toggle Thumbnails </label></div>
<div class="nf-field-element">
<select id="nf-field-24" name="nf-field-24" aria-invalid="false" aria-describedby="nf-error-24" class="ninja-forms-field theme_enable_hidepanel_button nf-element" aria-labelledby="nf-label-field-24">
<option value="true" selected="selected">Enabled</option>
<option value="false">Disabled</option>
</select>
<div for="nf-field-24"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-24" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-25-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-25-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="25">
<div class="nf-field-label"><label for="nf-field-25" id="nf-label-field-25" class="">Autoplay </label></div>
<div class="nf-field-element">
<select id="nf-field-25" name="nf-field-25" aria-invalid="false" aria-describedby="nf-error-25" class="ninja-forms-field gallery_autoplay nf-element" aria-labelledby="nf-label-field-25">
<option value="true" selected="selected">Enabled</option>
<option value="false">Disabled</option>
</select>
<div for="nf-field-25"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-25" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-26-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-26-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="26">
<div class="nf-field-label"><label for="nf-field-26" id="nf-label-field-26" class="">Pause Autoplay on Interaction </label></div>
<div class="nf-field-element">
<select id="nf-field-26" name="nf-field-26" aria-invalid="false" aria-describedby="nf-error-26" class="ninja-forms-field gallery_pause_on_mouseover nf-element" aria-labelledby="nf-label-field-26">
<option value="true" selected="selected">Yes</option>
<option value="false">No</option>
</select>
<div for="nf-field-26"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-26" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-27-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-27-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="27">
<div class="nf-field-label"><label for="nf-field-27" id="nf-label-field-27" class="">Preserve Aspect Ratio </label></div>
<div class="nf-field-element">
<select id="nf-field-27" name="nf-field-27" aria-invalid="false" aria-describedby="nf-error-27" class="ninja-forms-field gallery_preserve_ratio nf-element" aria-labelledby="nf-label-field-27">
<option value="true" selected="selected">Yes</option>
<option value="false">No</option>
</select>
<div for="nf-field-27"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-27" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-28-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-28-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="28">
<div class="nf-field-label"><label for="nf-field-28" id="nf-label-field-28" class="">Show Arrows </label></div>
<div class="nf-field-element">
<select id="nf-field-28" name="nf-field-28" aria-invalid="false" aria-describedby="nf-error-28" class="ninja-forms-field slider_enable_arrows nf-element" aria-labelledby="nf-label-field-28">
<option value="''" selected="selected">Yes</option>
<option value="false">No</option>
</select>
<div for="nf-field-28"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-28" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-29-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-29-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="29">
<div class="nf-field-label"><label for="nf-field-29" id="nf-label-field-29" class="">Show Progress Bar </label></div>
<div class="nf-field-element">
<select id="nf-field-29" name="nf-field-29" aria-invalid="false" aria-describedby="nf-error-29" class="ninja-forms-field progressbar nf-element" aria-labelledby="nf-label-field-29">
<option value="true" selected="selected">Yes</option>
<option value="false">No</option>
</select>
<div for="nf-field-29"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-29" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-30-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-30-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="30">
<div class="nf-field-label"><label for="nf-field-30" id="nf-label-field-30" class="">Enable Zoom -/+ </label></div>
<div class="nf-field-element">
<select id="nf-field-30" name="nf-field-30" aria-invalid="false" aria-describedby="nf-error-30" class="ninja-forms-field slider_enable_zoom_panel nf-element" aria-labelledby="nf-label-field-30">
<option value="true" selected="selected">Yes</option>
<option value="false">No</option>
</select>
<div for="nf-field-30"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-30" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-31-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-31-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="31">
<div class="nf-field-label"><label for="nf-field-31" id="nf-label-field-31" class="">Enable Mousewheel Zoom </label></div>
<div class="nf-field-element">
<select id="nf-field-31" name="nf-field-31" aria-invalid="false" aria-describedby="nf-error-31" class="ninja-forms-field slider_control_zoom nf-element" aria-labelledby="nf-label-field-31">
<option value="true" selected="selected">Yes</option>
<option value="false">No</option>
</select>
<div for="nf-field-31"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-31" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-32-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-32-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="32">
<div class="nf-field-label"><label for="nf-field-32" id="nf-label-field-32" class="">Slider Transition </label></div>
<div class="nf-field-element">
<select id="nf-field-32" name="nf-field-32" aria-invalid="false" aria-describedby="nf-error-32" class="ninja-forms-field slider_transition nf-element" aria-labelledby="nf-label-field-32">
<option value="'fade'">fade</option>
<option value="'slide'" selected="selected">slide</option>
</select>
<div for="nf-field-32"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-32" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-33-container" class="nf-field-container listselect-container label-above hidden list-container">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-33-wrap" class="field-wrap listselect-wrap list-wrap list-select-wrap" data-field-id="33">
<div class="nf-field-label"><label for="nf-field-33" id="nf-label-field-33" class="">Slider Transition Easing </label></div>
<div class="nf-field-element">
<select id="nf-field-33" name="nf-field-33" aria-invalid="false" aria-describedby="nf-error-33" class="ninja-forms-field slider_transition_easing nf-element" aria-labelledby="nf-label-field-33">
<option value="'linear'" selected="selected">linear</option>
<option value="'swing'">swing</option>
<option value="'jswing'">jswing</option>
<option value="'easeInQuad'">easeInQuad</option>
<option value="'easeInCubic'">easeInCubic</option>
<option value="'easeInQuart'">easeInQuart</option>
<option value="'easeInQuint'">easeInQuint</option>
<option value="'easeInSine'">easeInSine</option>
<option value="'easeInExpo'">easeInExpo</option>
<option value="'easeInCirc'">easeInCirc</option>
<option value="'easeInElastic'">easeInElastic</option>
<option value="'easeInBack'">easeInBack</option>
<option value="'easeInBounce'">easeInBounce</option>
<option value="'easeOutQuad'">easeOutQuad</option>
<option value="'easeOutCubic'">easeOutCubic</option>
<option value="'easeOutQuart'">easeOutQuart</option>
<option value="'easeOutQuint'">easeOutQuint</option>
<option value="'easeOutExpo'">easeOutExpo</option>
<option value="'easeOutCirc'">easeOutCirc</option>
<option value="'easeOutElastic'">easeOutElastic</option>
<option value="'easeOutBack'">easeOutBack</option>
<option value="'easeOutBounce'">easeOutBounce</option>
<option value="'easeInOutQuad'">easeInOutQuad</option>
<option value="'easeInOutCubic'">easeInOutCubic</option>
<option value="'easeInOutQuart'">easeInOutQuart</option>
<option value="'easeInOutQuint'">easeInOutQuint</option>
<option value="'easeInOutSine'">easeInOutSine</option>
<option value="'easeInOutExpo'">easeInOutExpo</option>
<option value="'easeInOutCirc'">easeInOutCirc</option>
<option value="'easeInOutElastic'">easeInOutElastic</option>
<option value="'easeInOutBack'">easeInOutBack</option>
<option value="'easeInOutBounce'">easeInOutBounce</option>
</select>
<div for="nf-field-33"></div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-33" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-37-container" class="nf-field-container html-container label-above ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-37-wrap" class="field-wrap html-wrap" data-field-id="37">
<div class="nf-field-label"><label for="nf-field-37" id="nf-label-field-37" class=""> </label></div>
<div class="nf-field-element">
<span class="error2"></span>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-37" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-35-container" class="nf-field-container html-container label-above ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-35-wrap" class="field-wrap html-wrap" data-field-id="35">
<div class="nf-field-label"><label for="nf-field-35" id="nf-label-field-35" class=""> </label></div>
<div class="nf-field-element">
<div id="getcode">Preview & Get Code</div>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-35" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field><nf-field>
<div id="nf-field-36-container" class="nf-field-container html-container label-above ">
<div class="nf-before-field"><nf-section>
</nf-section></div>
<div class="nf-field">
<div id="nf-field-36-wrap" class="field-wrap html-wrap" data-field-id="36">
<div class="nf-field-label"><label for="nf-field-36" id="nf-label-field-36" class=""> </label></div>
<div class="nf-field-element">
<span class="error1"></span>
</div>
</div>
</div>
<div class="nf-after-field"><nf-section>
<div class="nf-input-limit"></div>
<div id="nf-error-36" class="nf-error-wrap nf-error" role="alert"></div>
</nf-section></div>
</div>
</nf-field></nf-fields-wrap></div>
<div class="nf-after-form-content"><nf-section>
<div id="nf-form-errors-2" class="nf-form-errors" role="alert"><nf-errors></nf-errors></div>
<div class="nf-form-hp"><nf-section>
<label for="nf-field-hp-2" aria-hidden="true"> If you are a human seeing this field, please leave it empty. <input id="nf-field-hp-2" name="nf-field-hp" class="nf-element nf-field-hp" type="text" value="">
</label>
</nf-section></div>
</nf-section></div>
</div>
</form>Text Content
Skip to content
Free Responsive Flickr Generator
Menu
* Embed Flickr Slideshow
* Contact
* FAQs
* Privacy Policy
EMBED FLICKR SLIDESHOW
A FREE GENERATOR TOOL FOR EMBEDDING FLICKR PHOTOS ON YOUR WEBSITE OR BLOG.
Notice: JavaScript is required for this content.
Fields marked with an * are required
Fetch photos by Keyword(s) Fetch photos by Tag(s) Fetch Photos from Flickr
PhotoSet / Album Fetch photos from a Flickr User Fetch photos from a Group
Keyword(s) *
Theme *
Default Default No TextPanel Carousel Slider Columns Justified Nested Grid
Bottom Panel Top Panel Right Panel Left Panel Bottom Panel Top Panel Right Panel
Left Panel
Skin *
Default Default - Transparent Alexis Alexis - Transparent
Transition Delay
1 Second 2 Seconds 3 Seconds 5 Seconds 10 Seconds 15 Seconds
Scale Mode
Fit Fill
Layout
Fixed Responsive
Width
Height
Image Source
* Flickr
Sorting Criteria
Sort by most interesting Sort by most relevant Sort by most recently posted Sort
by most recently taken Sort by least recently posted Sort by least recently
taken
Fetch photos from an Instagram Tag Fetch photos from an Instagram Username
Gallery Photos Limit
Show Advanced Options
Note: Different themes may support different options.
Fullscreen
Enabled Disabled
Play / Pause
Enabled Disabled
Toggle Thumbnails
Enabled Disabled
Autoplay
Enabled Disabled
Pause Autoplay on Interaction
Yes No
Preserve Aspect Ratio
Yes No
Show Arrows
Yes No
Show Progress Bar
Yes No
Enable Zoom -/+
Yes No
Enable Mousewheel Zoom
Yes No
Slider Transition
fade slide
Slider Transition Easing
linear swing jswing easeInQuad easeInCubic easeInQuart easeInQuint easeInSine
easeInExpo easeInCirc easeInElastic easeInBack easeInBounce easeOutQuad
easeOutCubic easeOutQuart easeOutQuint easeOutExpo easeOutCirc easeOutElastic
easeOutBack easeOutBounce easeInOutQuad easeInOutCubic easeInOutQuart
easeInOutQuint easeInOutSine easeInOutExpo easeInOutCirc easeInOutElastic
easeInOutBack easeInOutBounce
Preview & Get Code
If you are a human seeing this field, please leave it empty.
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>
Select & Copy Code ›
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_51"><script
src="https://flickrembed.com/embed_v2.js.rand.php?container=flickrembed_51&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>
Select & Copy Code ›
RATING FOR FLICKREMBED.COM
Thank you for voting!
4 visitors rated flickrembed.com with an average 5.0 stars out of 5.
Other sites:
* All the best mattress reviewed in UK for sleeping
* embed YouTube videos
ARTICLES
* SmugMug struggling with being Flickr owner?
According to the Register, Flickr’s current owners Smugmug are not seeing as
much profit from running the site as they expected, so have taken […]
* Applying for a US visa? Send them your Flickr username!
This isn’t parody. The US State Department is now requiring that pretty much
everyone applying for US visas needs to now also tell US border […]
* Forgotten Flickr Albums – Part 1
We’ve probably all done it – forgotten about old accounts and left the
content up. Flickr is now 12 years old, so there’s a good […]
ABOUT
* Contact
* Embed Flickr Slideshow
* FAQs
* Privacy Policy
SOCIAL
Facebook
Embedding Flickr on your website can help readers view your photos easily. Users
can take advantage of the service as much or as little as they want, it is
absolutely free to use.
* 100% Free: Make an advanced HTML online picture slideshow for Flickr /
Instagram and embed it on your webpage.
* Modern HTML5: Flickr / Instagram slideshow works well on all devices,
including iPhones and iPads.
* Fully Responsive: Your slideshow will shrink, expand, align properly to grid
and display properly on all devices.
* Easy Integration: No documentation needed! This free html5 slideshow maker
will allow you to cut and paste a few lines of HTML and place a photoshow on
your website or blog within minutes.
* Loaded with features: Pull photos from Flickr albums, tags, groups, users or
keywords and add thumbnails and transition effects.
* Works with smartphones. If you are looking to sell yours in the UK and
upgrade, use this first.
© 2022 • Flickr Embed
Scroll back to top