Ответ, данный @ element119, отлично работает, но вот слегка измененный код для поддержки предложений поиска, а также поддержки Mozilla.
Следуйте ниже, чтобы реализовать поддержку omni box для вашего сайта.
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<script/>
<ShortName>Site Name</ShortName>
<Description>Site Description (eg: Search sitename)</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">Favicon url</Image>
<Url type="application/x-suggestions+json" method="GET" template="http://suggestqueries.google.com/complete/search?output=firefox&q={searchTerms}" />
<Url type="text/html" method="GET" template="http://yoursite.com/?s={searchTerms}" />
<SearchForm>http://yoursite.com/</SearchForm>
</OpenSearchDescription>
<head>
вашего сайта <link rel="search" href="http://www.yoursite.com/search.xml" type="application/opensearchdescription+xml" title="You site name"/>
Обязательно замените URL-адреса домена своим доменом .
Вы должны использовать скрипт лайтбокса, например fancybox ( https://fancyapps.com/fancybox/3/ ), вам просто нужно добавить атрибуты data-fancybox
для ссылок, например: [ 114]
<a data-fancybox="gallery" href="big_1.jpg"><img src="small_1.jpg"></a>
Также возможно заставить его работать без ссылок - https://codepen.io/anon/pen/rRVeJW