<script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d1486494308860355570\x26blogName\x3dCramer+Imaging+Test+Blog\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://cramerimagingtest.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://cramerimagingtest.blogspot.com/\x26vt\x3d2056425763519506056', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> <!-- CSS must load first--> <style> /* Search Box ----------------------------------------- */ #searchbox { position: absolute; top: 55px; background: transparent; width: 100%; padding: 10px; display: none; border: none; } #search-height { height: 100%; background: #000; position: fixed; width: 100%; left: 0; right: 0; top: 98px; opacity: .8; } #hide-search { position: relative; float: right; width: 20px; right: 18px; } #show-search { top: 15px; width: 25px; right: 5px; float: right; position: relative; } /* Social Icons ----------------------------------------- */ .social-icons img { width: 35px; } .social-icons p { position: relative; float: left; font-size: 16px; bottom: 8px; color: #000; font-weight: 700; letter-spacing: 1.5px; } .social-icons { position: relative; height: 40px; width: 250px; } #menu-height { position: relative; height: 15px; } /* Inner Hover Menu ----------------------------------------- */ .prl-offcanvas.prl-active .prl-offcanvas-bar.prl-offcanvas-bar-show { -webkit-transform: translateX(0%); transform: translateX(0%); } .prl-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .prl-offcanvas .prl-panel { margin: 20px 15px; color: #777; } .prl-offcanvas { /* darken main canvas area when menu is open */ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; background: rgba(0,0,0,0.6); } .prl-offcanvas.prl-active { display: block; } .prl-offcanvas-page { position: fixed; -webkit-transition: margin-left .3s ease-in-out 50ms; transition: margin-left .3s ease-in-out 50ms; } .prl-offcanvas-bar { /* directions to where to slide main canvas to when menu is open */ position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1011; width: 250px; max-width: 100%; background: #000; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; } .prl-nav-flip { position: absolute; right: 0; top: 0; } .prl-nav-toggle { height: 50px; line-height: 50px; float: left; font-family: Georgia; vertical-align: middle; font-size: 18px; } .textcenter { text-align: center; } .prl-navbar .nav_menu_control a { color: #666; } .prl-navbar .nav_menu_control a span.nav_menu_control_text { line-height: 50px; margin-left: 5px; text-transform: uppercase; } .sf-menu>li>a { font-weight: 400; } /* Menu Section ----------------------------------------- */ .sticky-nav,body.site-wide .sticky-nav { background-color: #000000; /* menu bar color*/ height: 55px; //border-bottom: 1px solid #ffeef8; position: fixed; z-index: 100; width: 100%; left: 0; right: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .prl-navbar.sticky-nav .nav-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .sticky-nav .sf-menu { margin-bottom: 0; } .sticky-nav .sf-menu>li>a { border: none; } .sticky-nav .prl-navbar-content { height: 40px; } .prl-navbar-toggle-top { display: none; } .sticky-nav .prl-navbar-toggle-top { display: block; margin-left: 10px; } .side-nav { position: relative; display: block; top: 0; float: none; } .side-nav ul { width: 250px; list-style: none; //padding: 15px !important; margin: 0; //position: absolute; font-size: 20px; //border: 1px solid #ffeef8; } .side-nav ul li { position: relative; //border: 1px solid #ffeef8; margin: 0; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 5px !important; float: none !important; border-top: 1px solid #ffeef8; border-bottom: 1px solid #ffeef8; } #nav-list li { display: inline-block; width: 250px; } #nav-list li a { color: #ffeef8; margin: 0; padding: 5px; font-family: Georgia; float: none; font-size: 20px; display: block; } #nav-list_sub-list li a { padding-left: 30px; } .logo { //float: left; top: 5px; max-width: 280px; left: 20px; padding-top: 12px; } .nav_menu_control { height: 50px; } .nav_menu_control img { width: 30px; top: 17px; left: 5px; } .side-nav ul li:hover { background-color: #440044; } .quickedit { top: 25px; position: relative; } </style> <!--link rel="stylesheet" type="text/css" href="https://rawgit.com/fahimraza/myblog/master/slideout_mobile_menu_public.css" /--> <nav id="nava" role="navigation" class="sticky-nav" style="top: 0px;"> <!--search box--> <form id="searchbox" method="get" action="/search"> <input name="q" type="text" id="search-in" size="19" value="Search" required /> <input name="m" type="hidden" value="1" /> <button type="submit" class="_54k8 _56bs _56b_ _56bw _56bu" id="u_0_1" data-sigil="touchable"><span class="_55sr">Go!</span></button> <img id="hide-search" src="http://1.bp.blogspot.com/-tKEvMrl1rNg/VlHno1INErI/AAAAAAAAEDM/p6QC4v0mUGg/s1600/rsz_close-icon.jpg" /> <div id="search-height"></div> </form> <!--end of search box--> <div class="prl-container"> <div class="nav-wrapper clearfix"> <!--img id="show-search" src="http://2.bp.blogspot.com/-JJaM7cFOVhQ/VlHnpNl_awI/AAAAAAAAEDU/DoJe685oe7w/s1600/rsz_search-icon.png" /--><img id="show-search" src="https://lh3.googleusercontent.com/-aA7AhGIh6YY/Vka3Ce0IZXI/AAAAAAAAFXc/nT61INIc5mI/s800-Ic42/magnifying%252520glass.png" /> <div style="float:left;"> <div class="nav_menu_control"><a href="#" data-prl-offcanvas="{target:'#offcanvas'}"><!--img src="http://1.bp.blogspot.com/-pb2BSgtLzLA/VlHnpOZWKCI/AAAAAAAAEDQ/T3ujbHq-QXE/s1600/rsz_mobile-menu-icon.png"/--><img src="https://lh3.googleusercontent.com/-xn294jeTBkM/VoXAVGz_nnI/AAAAAAAAFqE/dAu9_OaJmpw/s800-Ic42/mobile-menu-icon.png"/></a></div> </div> <div class="container"> <div class="left"> <a href="/?m=1"><img src="https://lh3.googleusercontent.com/-C0LCX6y-TOM/VpBOXOKVGcI/AAAAAAAAFsk/TNrTYHlbxQA/s800-Ic42/title%252520and%252520logo.png" class="logo" alt="Cramer Imaging"/> </a></div> <div class="gradient"> <img width="100%" src="https://lh3.googleusercontent.com/-f10MtBqh1gM/Vkbu7xJrLpI/AAAAAAAAFYA/PkrjL8IXSIk/s800-Ic42/Gradient%252520Line.png" /> </div> <div class="clear"></div></div></div></div></nav><div style="clear: both;"></div> <!--Social Media Follow Buttons--> <div id="offcanvas" class="prl-offcanvas"> <div class="prl-offcanvas-bar"> <div class="social-icons" style="padding-top: 5px; background: #fff; padding-left: 5px;"> <p>Follow us: </p> <!--Facebook--> <a href="https://www.facebook.com/CramerImaging"><img border="0" src="https://lh3.googleusercontent.com/-KcO63-AIF3k/VpBBxunfdOI/AAAAAAAAFrg/J-6uoMp5fmw/s800-Ic42/facebook.png" /></a> <!--Twitter> <a href="https://twitter.com/Cramerimaging"><img border="0" src="http://4.bp.blogspot.com/-fWnS_YBm4Fk/VkyJtu17mhI/AAAAAAAAEC0/7ujWxnTR9S0/s1600/Twitter-Logo.png" /></a--> <!--Pinterest--> <a href="https://www.pinterest.com/cramerimaging"><img border="0" src="https://lh3.googleusercontent.com/-r8pgwWVJKss/VpBBxmQaAbI/AAAAAAAAFrk/AeFzDI8udXk/s800-Ic42/Pinterest.png" /></a> <!--Instagram--> <a href="https://www.instagram.com/cramerimaging"><img border="0" src="https://lh3.googleusercontent.com/-TFiWgXBKOU4/VpBBxtajzBI/AAAAAAAAFro/JAoPLJ3rfgg/s800-Ic42/Instagram.png" /></a> <!--end Social Media Follow Buttons--> </div> <!--Menu Navigation--> <nav class="side-nav"> <ul id="nav-list" class="nav-list"> <li><a href="http://www.cramerimaging.com/?m=1">Home</a></li> <li><a href="http://store.cramerimaging.com/?m=1">Galleries</a></li> <ul id="nav-list_sub-list" class="nav-list_sub-list"> <li><a href="http://www.cramerimaging.com/p/recent-photos.html">New Photos</a></li> <li><a href="http://store.cramerimaging.com/gallery/nature/">Nature</a></li> <li><a href="http://store.cramerimaging.com/gallery/fineart/">Fine Art</a></li> <li><a href="http://store.cramerimaging.com/gallery/nature/album/1220457">Animals</a></li> <li><a href="http://cramerimaging.pixieset.com/">Previews </a></li> </ul> <li><a href="http://www.cramerimaging.com/p/faq.html?m=1">FAQ</a></li> <li><a href="http://www.cramerimaging.com/index.html?m=1">Blog</a></li> <li><a href="http://www.cramerimaging.com/p/about-us.html?m=1">About Us</a></li> <ul id="nav-list_sub-list" class="nav-list_sub-list"> <li><a href="http://www.cramerimaging.com/p/artist-statement.html">Artist Statement</a></li> <li><a href="http://www.cramerimaging.com/p/awards.html">Awards</a></li> </ul> <li><a href="http://www.cramerimaging.com/p/contact-us.html?m=1">Contact</a></li> </ul> </nav> <!--end Menu Navigation--> </div> <!-- script type='text/javascript' src='https://rawgit.com/101Helper/docs/master/slideout_mobile_menu.js'></script --> <!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script -> <!-- script type='text/javascript' src='https://rawgit.com/101Helper/docs/master/slideout_mobile_menu.js'></script --></div> <script> $(document).ready(function(){ $("#hide-search").click(function(){ $("#searchbox").hide(); }); $("#show-search").click(function(){ $("#searchbox").show(); }); }); </script> <div id='menu-height'/> </div> <script> (function($, doc) { "use strict"; var UI = $.UIkit || {}; if (UI.fn) { return; } UI.fn = function(command, options) { var args = arguments, cmd = command.match(/^([a-z\-]+)(?:\.([a-z]+))?/i), component = cmd[1], method = cmd[2]; if (!UI[component]) { $.error("UIkit component [" + component + "] does not exist."); return this; } return this.each(function() { var $this = $(this), data = $this.data(component); if (!data) $this.data(component, (data = new UI[ component](this, method ? undefined : options))); if (method) data[method].apply(data, Array.prototype .slice.call(args, 1)); }); }; UI.version = '1.2.0'; UI.support = {}; UI.support.transition = (function() { var transitionEnd = (function() { var element = doc.body || doc.documentElement, transEndEventNames = { WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend', transition: 'transitionend' }, name; for (name in transEndEventNames) { if (element.style[name] !== undefined) { return transEndEventNames[name]; } } }()); return transitionEnd && { end: transitionEnd }; })(); UI.support.touch = (('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch); UI.support.mutationobserver = (window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver || null); UI.Utils = {}; UI.Utils.debounce = function(func, wait, immediate) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }; UI.Utils.options = function(string) { if ($.isPlainObject(string)) return string; var start = (string ? string.indexOf("{") : -1), options = {}; if (start != -1) { try { options = (new Function("", "var json = " + string.substr( start) + "; return JSON.parse(JSON.stringify(json));" ))(); } catch (e) {} } return options; }; $.UIkit = UI; $.fn.uk = UI.fn; $.UIkit.langdirection = $("html").attr("dir") == "rtl" ? "right" : "left"; $(function() { $(doc).trigger("prl-domready"); if (!UI.support.mutationobserver) return; var observer = new UI.support.mutationobserver(UI.Utils.debounce( function(mutations) { $(doc).trigger("prl-domready"); }, 300)); observer.observe(document.body, { childList: true, subtree: true }); }); })(jQuery, document);; (function($, UI) { "use strict"; var Tab = function(element, options) { var $this = this, $element = $(element); if ($element.data("tab")) return; this.element = $element; this.options = $.extend({ connect: false }, this.options, options); if (this.options.connect) { this.connect = $(this.options.connect); } if (window.location.hash) { var active = this.element.children().filter(window.location .hash); if (active.length) { this.element.children().removeClass('prl-active').filter( active).addClass("prl-active"); } } var mobiletab = $( '<li class="prl-tab-responsive prl-active"><a href="javascript:void(0);"></a></li>' ), caption = mobiletab.find("a:first"), dropdown = $( '<div class="prl-dropdown prl-dropdown-small"><ul class="prl-nav prl-nav-dropdown"></ul><div>' ), ul = dropdown.find("ul"); caption.html(this.element.find("li.prl-active:first").find("a") .text()); if (this.element.hasClass("prl-tab-bottom")) dropdown.addClass( "prl-dropdown-up"); if (this.element.hasClass("prl-tab-flip")) dropdown.addClass( "prl-dropdown-flip"); this.element.find("a").each(function(i) { var tab = $(this).parent(), item = $('<li><a href="javascript:void(0);">' + tab.text() + '</a></li>').on("click", function(e) { $this.element.data("switcher").show(i); }); if (!$(this).parents(".prl-disabled:first").length) ul.append(item); }); this.element.uk("switcher", { "toggler": ">li:not(.prl-tab-responsive)", "connect": this.options.connect }); mobiletab.append(dropdown).uk("dropdown", { "mode": "click" }); this.element.append(mobiletab).data({ "dropdown": mobiletab.data("dropdown"), "mobilecaption": caption }).on("uk.switcher.show", function(e, tab) { mobiletab.addClass("prl-active"); caption.html(tab.find("a").text()); }); this.element.data("tab", this); }; UI["tab"] = Tab; $(document).on("prl-domready", function(e) { $("[data-prl-tab]").each(function() { var tab = $(this); if (!tab.data("tab")) { var obj = new Tab(tab, UI.Utils.options(tab .attr("data-prl-tab"))); } }); }); })(jQuery, jQuery.UIkit);; (function($, UI) { "use strict"; var Switcher = function(element, options) { var $this = this, $element = $(element); if ($element.data("switcher")) return; this.options = $.extend({}, this.options, options); this.element = $element.on("click", this.options.toggler, function(e) { e.preventDefault(); $this.show(this); }); if (this.options.connect) { this.connect = $(this.options.connect).find(".prl-active").removeClass( ".prl-active").end(); var active = this.element.find(this.options.toggler).filter( ".prl-active"); if (active.length) { this.show(active); } } this.element.data("switcher", this); }; $.extend(Switcher.prototype, { options: { connect: false, toggler: ">*" }, show: function(tab) { tab = isNaN(tab) ? $(tab) : this.element.find(this.options .toggler).eq(tab); var active = tab; if (active.hasClass("prl-disabled")) return; this.element.find(this.options.toggler).filter( ".prl-active").removeClass("prl-active"); active.addClass("prl-active"); if (this.options.connect && this.connect.length) { var index = this.element.find(this.options.toggler) .index(active); this.connect.children().removeClass( "prl-active").eq(index).addClass( "prl-active"); } this.element.trigger("uk.switcher.show", [active]); } }); UI["switcher"] = Switcher; $(document).on("prl-domready", function(e) { $("[data-prl-switcher]").each(function() { var switcher = $(this); if (!switcher.data("switcher")) { var obj = new Switcher(switcher, UI.Utils.options( switcher.attr( "data-prl-switcher"))); } }); }); })(jQuery, jQuery.UIkit);; (function($, UI) { "use strict"; var active = false, Dropdown = function(element, options) { var $this = this, $element = $(element); if ($element.data("dropdown")) return; this.options = $.extend({}, this.options, options); this.element = $element; this.dropdown = this.element.find(".prl-dropdown"); this.centered = this.dropdown.hasClass("prl-dropdown-center"); this.justified = this.options.justify ? $(this.options.justify) : false; this.boundary = $(this.options.boundary); if (!this.boundary.length) { this.boundary = $(window); } if (this.options.mode == "click") { this.element.on("click", function(e) { if (!$(e.target).parents(".prl-dropdown").length) { e.preventDefault(); } if (active && active[0] != $this.element[0]) { active.removeClass("prl-open"); } if (!$this.element.hasClass("prl-open")) { $this.checkDimensions(); $this.element.addClass("prl-open"); active = $this.element; $(document).off("click.outer.dropdown"); setTimeout(function() { $(document).on( "click.outer.dropdown", function(e) { if (active && active[0] == $this.element[0] && ($(e.target).is( "a") || !$this.element .find( ".prl-dropdown" ).find(e.target) .length)) { active.removeClass( "prl-open" ); $(document).off( "click.outer.dropdown" ); } }); }, 10); } else { if ($(e.target).is("a") || !$this.element.find( ".prl-dropdown").find(e.target).length) { $this.element.removeClass("prl-open"); active = false; } } }); } else { this.element.on("mouseenter", function(e) { if ($this.remainIdle) { clearTimeout($this.remainIdle); } if (active && active[0] != $this.element[0]) { active.removeClass("prl-open"); } $this.checkDimensions(); $this.element.addClass("prl-open"); active = $this.element; }).on("mouseleave", function() { $this.remainIdle = setTimeout(function() { $this.element.removeClass( "prl-open"); $this.remainIdle = false; if (active && active[0] == $this.element[ 0]) active = false; }, $this.options.remaintime); }); } this.element.data("dropdown", this); }; $.extend(Dropdown.prototype, { remainIdle: false, options: { "mode": "hover", "remaintime": 800, "justify": false, "boundary": $(window) }, checkDimensions: function() { if (!this.dropdown.length) return; var dropdown = this.dropdown.css("margin-" + $.UIkit .langdirection, "").css("min-width", ""), offset = dropdown.show().offset(), width = dropdown.outerWidth(), boundarywidth = this.boundary.width(), boundaryoffset = this.boundary.offset() ? this.boundary .offset().left : 0; if (this.centered) { dropdown.css("margin-" + $.UIkit.langdirection, ( parseFloat(width) / 2 - dropdown.parent() .width() / 2) * -1); offset = dropdown.offset(); if ((width + offset.left) > boundarywidth || offset.left < 0) { dropdown.css("margin-" + $.UIkit.langdirection, ""); offset = dropdown.offset(); } } if (this.justified && this.justified.length) { var jwidth = this.justified.outerWidth(); dropdown.css("min-width", jwidth); if ($.UIkit.langdirection == 'right') { var right1 = boundarywidth - (this.justified .offset().left + jwidth), right2 = boundarywidth - (dropdown.offset() .left + dropdown.outerWidth()); dropdown.css("margin-right", right1 - right2); } else { dropdown.css("margin-left", this.justified.offset() .left - offset.left); } offset = dropdown.offset(); } if ((width + (offset.left - boundaryoffset)) > boundarywidth) { dropdown.addClass("prl-dropdown-flip"); offset = dropdown.offset(); } if (offset.left < 0) { dropdown.addClass("prl-dropdown-stack"); } dropdown.css("display", ""); } }); UI["dropdown"] = Dropdown; var triggerevent = UI.support.touch ? "touchstart" : "mouseenter"; $(document).on(triggerevent + ".dropdown.uikit", "[data-prl-dropdown]", function(e) { var ele = $(this); if (!ele.data("dropdown")) { var dropdown = new Dropdown(ele, UI.Utils.options(ele.data( "prl-dropdown"))); if (triggerevent == "mouseenter" && dropdown.options.mode == "hover") { ele.trigger("mouseenter"); } } }); })(jQuery, jQuery.UIkit);; (function($, UI) { "use strict"; if (UI.support.touch) { $("html").addClass("prl-touch"); } var $win = $(window), $doc = $(document), Offcanvas = { show: function(element) { element = $(element); if (!element.length) return; var doc = $("html"), bar = element.find(".prl-offcanvas-bar:first"), dir = bar.hasClass("prl-offcanvas-bar-flip") ? -1 : 1, scrollbar = dir == -1 && $win.width() < window.innerWidth ? (window.innerWidth - $win.width()) : 0; scrollpos = { x: window.scrollX, y: window.scrollY }; element.addClass("prl-active"); doc.css({ "width": window.innerWidth, "height": window.innerHeight }).addClass("prl-offcanvas-page"); doc.css("margin-left", ((bar.outerWidth() - scrollbar) * dir)).width(); bar.addClass("prl-offcanvas-bar-show").width(); element.off(".ukoffcanvas").on( "click.ukoffcanvas swipeRight.ukoffcanvas swipeLeft.ukoffcanvas", function(e) { var target = $(e.target); if (!e.type.match(/swipe/)) { if (target.hasClass("prl-offcanvas-bar")) return; if (target.parents( ".prl-offcanvas-bar:first").length) return; } e.stopImmediatePropagation(); Offcanvas.hide(); }); $doc.on('keydown.offcanvas', function(e) { if (e.keyCode === 27) { Offcanvas.hide(); } }); }, hide: function(force) { var doc = $("html"), panel = $(".prl-offcanvas.prl-active"), bar = panel.find(".prl-offcanvas-bar:first"); if (!panel.length) return; if ($.UIkit.support.transition && !force) { doc.one($.UIkit.support.transition.end, function() { doc.removeClass("prl-offcanvas-page").attr( "style", ""); panel.removeClass("prl-active"); window.scrollTo(scrollpos.x, scrollpos.y); }).css("margin-left", ""); setTimeout(function() { bar.removeClass( "prl-offcanvas-bar-show"); }, 50); } else { doc.removeClass("prl-offcanvas-page").attr("style", ""); panel.removeClass("prl-active"); bar.removeClass("prl-offcanvas-bar-show"); window.scrollTo(scrollpos.x, scrollpos.y); } panel.off(".ukoffcanvas"); $doc.off(".ukoffcanvas"); } }, scrollpos; var OffcanvasTrigger = function(element, options) { var $this = this, $element = $(element); if ($element.data("offcanvas")) return; this.options = $.extend({ "target": $element.is("a") ? $element.attr("href") : false }, options); this.element = $element; $element.on("click", function(e) { e.preventDefault(); Offcanvas.show($this.options.target); }); this.element.data("offcanvas", this); }; OffcanvasTrigger.offcanvas = Offcanvas; UI["offcanvas"] = OffcanvasTrigger; $doc.on("click.offcanvas.uikit", "[data-prl-offcanvas]", function(e) { e.preventDefault(); var ele = $(this); if (!ele.data("offcanvas")) { var obj = new OffcanvasTrigger(ele, UI.Utils.options( ele.attr("data-prl-offcanvas"))); ele.trigger("click"); } }); })(jQuery, jQuery.UIkit);; (function($) { "use strict"; $.fn.jAccordion = function() { var $this = $(this); $this.find("section").each(function(idx) { var section = $(this); if (idx === 0) section.addClass('active').find( 'div.acc-content').slideDown(); section.find('a.head').on("click", function() { var handle = $(this); handle.parent().toggleClass('active'); if (handle.parent().hasClass('active')) { handle.next('div.acc-content').slideDown(); } else { handle.next('div.acc-content').slideUp(); } return false; }); }); }; })(jQuery);; (function($) { $.fn.jflickrfeed = function(settings, callback) { settings = $.extend(true, { flickrbase: 'http://api.flickr.com/services/feeds/', feedapi: 'photos_public.gne', limit: 20, qstrings: { lang: 'en-us', format: 'json', jsoncallback: '?' }, cleanDescription: true, useTemplate: true, itemTemplate: '', itemCallback: function() {} }, settings); var url = settings.flickrbase + settings.feedapi + '?'; var first = true; for (var key in settings.qstrings) { if (!first) url += '&'; url += key + '=' + settings.qstrings[key]; first = false; } return $(this).each(function() { var $container = $(this); var container = this; $.getJSON(url, function(data) { $.each(data.items, function(i, item) { if (i < settings.limit) { if (settings.cleanDescription) { var regex = /<p>(.*?)<\/p>/g; var input = item.description; if (regex.test( input)) { item.description = input.match( regex)[ 2] if (item.description != undefined) item.description = item.description .replace( '<p>', '').replace( '</p>', ''); } } item['image_s'] = item.media .m.replace('_m', '_s'); item['image_t'] = item.media .m.replace('_m', '_t'); item['image_m'] = item.media .m.replace('_m', '_m'); item['image'] = item.media .m.replace('_m', ''); item['image_b'] = item.media .m.replace('_m', '_b'); delete item.media; if (settings.useTemplate) { var template = settings.itemTemplate; for (var key in item) { var rgx = new RegExp( '{{' + key + '}}', 'g'); template = template.replace( rgx, item[ key ]); } $container.append( template) } settings.itemCallback.call( container, item ); } }); if ($.isFunction(callback)) { callback.call(container, data); } }); }); } })(jQuery); (function(a) { a.fn.jqinstapics = function(b) { var c = { user_id: null, access_token: null, count: 10 }; var d = a.extend(c, b); return this.each(function() { var b = a(this), c = "https://api.instagram.com/v1/users/" + d.user_id + "/media/recent?access_token=" + d.access_token + "&count=" + d.count + "&callback=?"; a.getJSON(c, function(c) { a.each(c.data, function(c, d) { var e = a("<a/>", { href: d.link, target: "_blank" }).appendTo(b), f = a("<img/>", { src: d.images.thumbnail .url }).appendTo(e); if (d.caption) { f.attr("title", d.caption .text) } }) }); if (d.user_id == null || d.access_token == null) { b.append( "<li>Please specify a User ID and Access Token, as outlined in the docs.</li>" ) } }) } })(jQuery); (function($) { "use strict"; $.fn.fitVids = function(options) { var settings = { customSelector: null }; if (!document.getElementById('fit-vids-style')) { var div = document.createElement('div'), ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0], cssStyles = '&shy;<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>'; div.className = 'fit-vids-style'; div.id = 'fit-vids-style'; div.style.display = 'none'; div.innerHTML = cssStyles; ref.parentNode.insertBefore(div, ref); } if (options) { $.extend(settings, options); } return this.each(function() { var selectors = ["iframe[src*='player.vimeo.com']", "iframe[src*='youtube.com']", "iframe[src*='youtube-nocookie.com']", "iframe[src*='kickstarter.com'][src*='video.html']", "object", "embed" ]; if (settings.customSelector) { selectors.push(settings.customSelector); } var $allVideos = $(this).find(selectors.join(',')); $allVideos = $allVideos.not("object object"); $allVideos.each(function() { var $this = $(this); if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent( '.fluid-width-video-wrapper').length ) { return; } var height = (this.tagName.toLowerCase() === 'object' || ($this.attr( 'height') && !isNaN( parseInt($this.attr( 'height'), 10)))) ? parseInt($this.attr('height'), 10) : $this.height(), width = !isNaN(parseInt($this.attr( 'width'), 10)) ? parseInt($this .attr('width'), 10) : $this.width(), aspectRatio = height / width; if (!$this.attr('id')) { var videoID = 'fitvid' + Math.floor( Math.random() * 999999); $this.attr('id', videoID); } $this.wrap( '<div class="fluid-width-video-wrapper"></div>' ).parent( '.fluid-width-video-wrapper').css( 'padding-top', (aspectRatio * 100) + "%"); $this.removeAttr('height').removeAttr( 'width'); }); }); }; })(window.jQuery || window.Zepto); </script>

10 Instagram Etiquette Rules

Instagram is a ubiquitous photo-sharing social media platform these days.  Many people have an Instagram account these days.  Some of Instagram's latest updates have made sharing photos there more popular than ever.  This means that there are certain rules and etiquette which need to be followed in order for you to have the best possible experience on that platform.

Just a quick disclaimer here before we get into things fully.  The rules in this article apply only to Instagram.  If you want to read up more on some general rules of behavior for social media and photos, check out this article on social media practices for photos.

Now back to Instagram.

1. Only Use Relevant Hashtags


Instagram is one of a few social media platforms where hashtags have taken off in popularity.  It is really the only way to get your photos out into the world and liked.  It is also one of the better ways to gain followers.

Instagram list of 30 hashtags on a post
Studies may show a minimum of 11 hashtags per post is good for exposure but Instagram will let you post up to 30.  Choose your 30 hashtags wisely.
Studies have proven lately that your maximum exposure comes with using 11 or more hashtags on a single image.  Unfortunately, this has lead to some strange and poor hashtag practices amongst the users in past years.  Spamming the hashtag with non-relevant photographs is one of those practices.

People don't like seeing non-relevant photos showing up in their hashtag browsing.  It's considered quite rude behavior.  It's distracting and looks like you are screaming for attention or that you are actually trying to promote spam.

Thanks to this constant complaint from users, Instagram has added and adjusted their algorithm to crack down on this behavior.  Now, if Instagram doesn't deem that your post is relevant to the hashtag(s) you include, they won't show your post to very many people at all on the hashtag feed or to those who follow your hashtag(s) of choice.  It probably won't even appear on the main hashtag feed on Instagram either.

When you are looking to tag your new photo on Instagram, consider what hashtags you use.  We'll use the example of #flower for further clarification and illustration.  Using #flower, I can see pictures of flowers (one or more) easily being appropriate.  Something not containing a flower at all would not be appropriate for #flower.
Things start to get a bit shaky on acceptability with posts featuring flowers on jewelry and artistic renderings of flowers but they are still ok.  Flower print clothing, tattoos, and flowers painted on fingernails are really starting to push things.  Perhaps there would be more appropriate hashtags for those kinds of images.

2. Don't Post Blurry Photos


Everyone hates them.  Everyone takes them.  Yet some people seem to need to post them.

Cramer Imaging's professional quality fine art photograph of four blue-toned street lights in the dark and fog of Pocatello, Bannock, Idaho
Blurry photos are still considered mistakes unless you are somehow using a technique of artistic blur.  This is not something that the average Instagram user knows how to do or has access to equipment capable of creating.  Blurry photos are still bad.

It is really a simple matter to check your photo to see if it has blurred but lots of people seem to skip this step and post straight to Instagram.  It doesn't reflect well on you to post a blurry photo like this without a good reason.

I would not like or follow anyone posting this poor quality of photos to their Instagram account unless I knew for sure that this was some artistic move on the part of the photographer.

Most of the time, you are already looking straight at your screen to take the picture, take an extra second or two in order to verify that the image is clear.  Then you won't look quite so terrible as a photographer.

3. Tag Appropriately


Instagram has lots of ways to tag people and their accounts.  You can directly tag them on the image so that it attaches to their account.  You can also tag them in the caption or the comments using their Instagram handle.  You can also tag accounts in stories using the sticker or the text option.  These tools are very useful for letting people know that you uploaded a photo containing them or that you replied to a comment.

Unfortunately, other people have started using these tools inappropriately.  If this were not the case, then this point would not be on this list.

Tagging on the Image


This is my account where people have tagged my account on the photo.  Some are my images and some are not.  For those not mine, the poster might be hoping for a feature as some accounts request tagging this way for features.  I don't do features on this account.  This is an inappropriate and unwelcome use of tagging me.
If you plan on uploading a photo that has someone else in it, tag them directly on the image.  Also, use this method for photos that you borrow from other accounts.  This attaches the photo to the original poster's account and lets him or her see just how well his or her photo is doing on your account.

If you do share someone else's photo, then you also need to tag their account in the caption or description area.  The comments section is not an appropriate choice as comments cannot be edited and they scroll up so fast.  People only read the caption and the most recent comments.  Give credit where credit is due.  Some people count on these photos to make their living.  Please don't steal.

Only tag people in photos that contain them or that originally come from their account.  Tagging me in a random image on your account, that has absolutely nothing to do with me, is highly annoying.

This image to the left shows examples of such inappropriate image tagging.  A few of these show up every once in a while on my account.  While these are decent images, they're not mine and I did not ask for the tag.  I don't do features and the photos don't contain me.

Your image might be good.  It might not be.  It doesn't matter.  I still have to go to your account and remove the tag from an image I don't want it attached to my account.  I even set my settings so that such photos aren't automatically displayed on my account.  I have to manually approve your photo before it will show on my account.  That's how annoyed I got with this problem.

Tagging in the Comments


Occasionally, I find a notification that someone has tagged me in a comment.  This is normal for starting or continuing a conversation as, currently, Instagram has no way to create nested comments or notify anyone (other than the account holder of the post) that there was a reply to a comment.  I see and expect these from time to time.

Sadly, people have found ways to use comment tagging inappropriately too as sometimes I've seen that come up.

Example of Instagram account tags in the comments section
Here is an example of tagging in the comments.
Every so often, I find that someone has tagged my account in a comment.  Naturally, I get curious to find out what that tag is.  I'm dismayed and annoyed to find that some of these tags are a mass list of accounts tagged to a post promoting something.  I've been tagged on posts which advertise buying Instagram followers, for instance.  I'm really annoyed when something like this happens.  The offending account(s) gets blocked and sometimes reported depending upon the kind of post I was tagged in.

If you're going to tag me in the comments (or description) there had better be a good reason for it such as a conversation.

Tagging in Stories


Instagram story with account tagged
You have the option to tag an account in your Instagram stories.  You can use the sticker, which will only let you tag 1 account, or you can tag accounts in a text block.  When you tag in stories, the tagged account is sent a direct message of the story(ies) where it is tagged.

One thing to remember is that stories only last for 24 hours.  It doesn't matter whether or not there is another account tagged or not.  They will expire after that 24-hour window and no longer be visible.  If you tag someone else and they don't get to see it during that window, they won't get to see it at all (direct message won't matter).  This can be problematic for those announcing contest/sweepstakes winners via stories.  This can also be a problem for those who want to share photos in stories with people.

4. Hashtags in Comments


I know that hashtags are one of the single best ways to be discovered on Instagram.  I also know that you are allowed up to 30 hashtags and you might want to take advantage of them all.  I know I do.  However, seeing this large text block of nothing but hashtags in your post description can get really annoying.  Instagram also is NOT Twitter where hashtagging parts of a sentence or message is commonplace thanks to a restrictive and small character limit.

I used to add my hashtags to the first comment until I started auto posting instead of getting a reminder when to post.  I can't add hashtags to the comments anymore without doing a manual edit of every post.  It's not worth my time.
The most common method for hashtagging, but not bogging down your post with said hashtags, is to put your hashtag block in the first comment on your post.  Comments are not automatically seen when reading an Instagram post unless the user deliberately touches the comment button expansion.  Using this method you can still get the visibility you want and not fill up your post with tons of hashtags.  It creates a more professional vibe with your posts.

The one place where this ingenious method has a problem is with scheduled Instagram posts.  When you schedule your Instagram posts (because your account is a business account), then you don't have the option of putting hashtags in the comments section unless you use the method of scheduling and then manually posting your post.

If you have a business account, then you know that you don't have time for doing that every day or even multiple times a day.  You have stuff to do besides babysitting your Instagram account.

For people like me with that problem, you'll just have to deal with the hashtag block at the end of your post or you will have to go back later and edit things to add the hashtags to a comment.  It's sad, but that's how people like us have to operate if we want to use Instagram for now. (Buffer has recently added a feature to handle this for paid accounts.)

4. Don't Overdue Selfies


When I post a photo of myself, usually you don't see my face because I'm holding a camera.  Rarely do I post a photo which might be considered a selfie (although they're not).  These photos are for behind-the-scenes glimpses not for attention.
Instagram is well known for being a platform where the Millenial generation (and the next generation) posts tons of dumb selfies with different stupid filters (even though Snapchat started that trend).  The problem is that people don't want to be inundated with selfies in their feed.

I have someone I follow who fits this description above.  Whenever she posts, I expect to see lots of selfies of her in slightly different poses.  Sometimes she uses filters to add dog ears or similar.  I find this highly annoying.  It screams for attention but in all the wrong ways.  I stopped interacting with posts like this so, thanks to the dreaded algorithm, I don't see very many of these posts from her anymore.

I'm not saying that selfies are bad.  The occasional selfie can be a great addition to your feed especially when you are doing something interesting or at someplace interesting.  You in your car, for example, does not fit on this list of interesting.

Keep the selfies down to a bare minimum and you won't annoy people by filling up their feed with content which they don't like.  If you keep selfies down, you should see engagement go up with your other content over time.

5. Keep Comments on Topic


I don't know if you've noticed or not, but Instagram comments are public.  Everyone can see what you post unless they have specifically blocked you.  This means that you should be careful what you put in the comments section of a post.  Stories seem to have a much more private comment system in that the stories comments turn into direct messages.

Off-topic comment someone posted on my Instagram account
This comment usually wouldn't be a problem but the individual posted this on a quote post.  It doesn't make sense so it's spammy.
I can't count how many times I've had someone tell me something along the lines of "Great post.  Would love it if you would check out my account." or "follow for follow?" (which I don't do by the way)  I hate these types of comments.  They're not on topic (especially if I've asked my audience a question) and they just scream that the poster is desperate for attention.  I got to the point where I started filtering comments like this based on generic common keywords.

Example of an off-topic and spammy comment on Instagram
This obviously spammy comment should have been a DM instead of a public comment.
Off-topic comments just show that you didn't bother to read the description and see what the picture/video/slideshow is all about.  It's actually quite rude if you think about it.  You're saying that the post is worth interacting with but the post isn't worth reading.  How can you know either way?

It's very much saying "Hi, I see you" without actually seeing me.  It's shallow.  It leaves me, as the post author, to feel that the work I put into creating something worth reading was overall wasted.

The worst offenders are those who are taking up the comment with nothing but an ad for their business.  I may or may not need your product or service, but I won't look at you if you spam my comments with an ad.  That is a good way to get blocked.

Another problem is when people comment with an inside joke in the public eye.  It's very confusing for people not in on the joke.  It's also annoying to be on the outside of something funny like that.  If you feel the need to comment with an inside joke, that's what direct messaging is for.  It keeps things from being awkward for all the rest.

Keep your public comments on topic with the post description or within the thread of the nested comments.  This will help ensure that everyone is on the same page and no one is left out.

6. Don't Post Pictures of Your Food


Cramer Imaging's product photograph of a Jackson Hole Soda Company Wild Huckleberry Soda on a red background
People don't want to know THAT much about your day.  I sure don't want to know what all my followers are eating one meal to the next.  It's the kind of filler post which screams for attention again.

Photograph of a colorful Christmas-themed mug of hot chocolate with a spoon by Cramer Imaging
I can understand if you just ran into something which looks and/or tastes absolutely amazing and you really want to share it with the world.  Some things just have to be seen to be believed.  I'm also certain that the cook or restaurant would also love the free publicity.

There are limits to sharing like this.  For example, I really don't care if you just went to your cupboard and made yourself up a box of macaroni and cheese.  I do things like that too but it's not relevant for the whole world to know.

I will say that, if you have a food blog or a restaurant account, I expect you to post pictures of food.  I expect you to do so a lot.  I expect to see a lot of food pics if I scan your profile.  That's not annoying.  It's your purpose for being in business.  I also expect the pictures look professional and the food depicted to make my mouth water.

Product photograph of one single Idaho Russet potato on a black background taken by Cramer Imaging

7. Don't Spam or Try to Scam in the DM


Something I've been seeing every so often is someone attempting to add me to a conversation.  When I look closer at the list and the actual conversation, I realize that it's spam or a scam.  Sometimes it's an ad to buy Instagram followers (totally not cool with Instagram).  Sometimes it's an attempt to promote an escort service or some kind of porn.  I've even seen a different kind of scam altogether.

Attempting to solicit gifts is also not allowed.  It's harassment.  It also happens to be one reason you can report an account to Instagram for improper behavior.  Instagram highly encourages you to report this kind of behavior and they will take action against the offending account(s).

8. Keep the Vanity Posts in to a Minimum


Unflattering photograph of two legs and tennis shoes on a wooden floor by Cramer Imaging
While this photo was deliberately made to look bad, this is what I see every time I look at a photo of feet like this: there's no really good way to make this shot look good.
This point may annoy some people but here we go.  I really don't want to see pictures of your feet from your cell phone camera in hand.  I also really don't want to see pictures of your newly manicured nails.  These are some of what you might call the ultimate vanity posts out there on Instagram.  Lets tackle one at a time.

Taking photos of your feet from your hands is far from a creative angle.  It was really popular a few years ago when crocs were all the rage in footwear.  It seems to have cooled off in recent years but it's still very annoying.

Your shoes may be gorgeous or cute or whatever but surely you can find a better angle with which to show them off than from straight above.  That's perhaps the least flattering view you can do.  It doesn't even show off the whole shoe either.  A side view of your shoe(s) is a much better way to show them off.

This angle might also show off some less-than-flattering parts of you without you realizing it.  Are you uncomfortable with the size of your midsection?  Then don't aim your cell phone camera down that direction.  It will be a part of the photo, like it or not.

Now for manicured finger nails.

I'm glad you love your nail design and the work your manicurist/cosmetologist did.  You paid money for it so you should be pleased.  However, since people change their nail polish color almost as often as they change their shoes, I really don't want to keep up with your latest salon visit.  That's shallow and trite.  I want to know what is going on with you not how you decided to paint yourself up today.

Photograph of a hand on a black background by Cramer Imaging
Look how unflattering this photo of a hand is.  That's about what your hand looks like and the painted nails do nothing to make it look better.
Those who see you regularly can easily get your referral if they love the nail design too.  Those who don't live near you can't so showing them is pointless.

This goes for clothes, cars, accessories, etc.  If you want to post it to show off what you just bought, it's probably a vanity post.  Please keep your vanity in check on Instagram.

9. Don't Overdue the Filters


Instagram is a platform known for photo and video filters.  It might be the original platform for this for all I know.  It's a big draw for the younger members of the audience to toss some dog ears onto their photo (Snapshat style) and post it.  The problem comes when people decide to take filters to the extreme.

Take this example below.  The first is a photo processed up with (custom) filters to look its best.  The second is the same photo with several Instagram filters taken to the extreme.


Do you notice the difference?  I sure do.  The first photo looks pristine while the second looks terrible.  This is what overdoing filters can do to your photos.  If you're hoping that these kinds of photos will get you attention, you're correct but it probably won't be the kind of attention you want.

Keep your filters in check on Instagram.  Stylizing a photo to this degree is something which must be done with care.  Instagram does not have built-in tools to do this kind of stylizing correctly.

10. Behave Yourself on Instagram


Instagram option to report an inappropriate post
Here's Instagram's reporting option.  Press the triple dot in the red circle to access this menu.  Don't report something unless there's a good reason.
Instagram, like most other platforms, has had its fair share of problems with misbehaving users.  Whenever there's a platform out there for people to misuse and abuse, people will do so.

Examples of such inappropriate behavior include spamming, posting porn or near porn, showing drug use, showing self harm, posting pictures of drugs (Don't care what the law says, marijuana in its current form is a mind-altering chemical and not a safe one either.  It's a drug), and bullying.  The list goes on.

While it should be self-evident that such behaviors will not be tolerated online or in real life, people still feel the need to post this kind of content.  Thankfully, Instagram has added a way to report such behavior.  However, until such a report is made and investigated, the post(s), comment(s), etc. are still very much public.  Instagram will not notify the poster who reported their post.  They will notify you if they remove your post for violating community standards.  They will also notify the reporter either way.

Sadly, the report feature has been abused too.  Several business owners have used the feature to report their competition and get their accounts suspended for no good reason.  This is another form of abuse which you should not be doing on Instagram or anywhere else either.

None of these behaviors, posts, actions, etc. are tolerated on Instagram.  If they are not tolerated in real life, they are not tolerated online.  Think before you post.  You could be providing evidence against yourself in a court case if things go badly.

Conclusion


While most of these behaviors are annoying, some are downright bad, illegal, and predatory.  Don't annoy people on Instagram.  Don't be that guy.  If you keep your hashtags neat, clean, and relevant, your tagging in appropriate places and times, your comments relevant, your narcissism and vanity in check, and your abusive behaviors absent, then other people should find your account much more pleasant to deal with and they might even follow you.  Avoiding these behaviors will make the platform much more enjoyable for all of us in the future.

Have I missed a poor behavior on Instagram?  Share it in the comments below.  I'd love to make an addendum to this article.


This article contains one or more stock photos you can buy a license to. Shop our stock photo library.

Instagram