Скрипт Поиск по сайту с картинками, для ucoz Отображение результата поиска по сайту в картинах
Установка:
Заходим в ПУ
В шаблоне Поиск по сайту » Страница поиска заменяем $BODY$ на :
Код <div id="searchText">$BODY$</div>
Далее в самый низ перед [/body], в этом же шаблоне, вставляем скрипт:
Код <script type="text/javascript"> $(document).ready(function(){ /*Start DocumentReady*/ $('#searchText table.eBlock div.eTitle a').each(function(){ var el=$(this),$this=el.parents('table.eBlock'),url=el.attr('href'); if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(data){ var src=$(data).find('td.eText img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){ $this.find('div.eMessage').prepend($('<img/>').attr('src', src).addClass('preview')); };});};}); /*End DocumentReady*/ }); </script>
В этом же шаблоне, между и , а точнее перед [/head] вставляем стиль для картинок:
Код <style type="text/css">
/* StartStyle */
img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;}
/* EndStyle */
</style>
где width:100px;height:100px -размеры ваших картинок которие будут отображаться в поиске. (можно менять на свои размеры).
Примечание:
На бесплатных сайтах - Картинки в результате поиска будут видны только не зарегистрированным пользователям.
Скрипт работает на сайтах где картинки залитые на сайт, картинки вставляем через "$image1$"
| 
|