[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Лаборатория WEB-мастера » Скрипты ucoz » Скрипт Поиск по сайту с картинками для сайтов ucoz (Поиск по сайту с картинками)
Скрипт Поиск по сайту с картинками для сайтов ucoz
БатяДата: Среда, 14.03.2012, 22:33 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 34
Репутация: 10
Статус: Offline


Скрипт Поиск по сайту с картинками, для ucoz Отображение результата поиска по сайту в картинах

Установка:

Заходим в ПУ
В шаблоне Поиск по сайту » Страница поиска заменяем $BODY$ на :

Code
<div id="searchText">$BODY$</div>


Далее в самый низ перед [/body], в этом же шаблоне, вставляем скрипт:

Code
<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] вставляем стиль для картинок:

Code
<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$"
 
Форум » Лаборатория WEB-мастера » Скрипты ucoz » Скрипт Поиск по сайту с картинками для сайтов ucoz (Поиск по сайту с картинками)
Страница 1 из 11
Поиск: