Приветствую Вас, Потерянный Пятница, 19.10.2018, 18:38
RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz зона » Другие скрипты для Ucoz » Отображение картинок в результатах поиска Ucoz
Отображение картинок в результатах поиска Ucoz

SkylineДата: Четверг, 24.02.2011, 11:07 | Сообщение # 1
Главный Администратор
Группа: Администраторы
Сообщений: 147
Репутация: 12
Статус: Offline

Отображение картинок в результатах поиска Ucoz.
Установка:

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

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

И в самый наз, в этом же шаблоне, вставляем скрипт ...

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.eMessage img:eq(0)').attr('src')||'undefined';
if(src!=='undefined'){
$this.find('div.eMessage').prepend($('<img/>').attr('src', src).addClass('preview'));
};});};});
/*End DocumentReady*/
});
</script>

В этом же шаблоне, между <head> и </head>, а именно перед </head> вставляем стили для картинки:
<style type="text/css">
/* StartStyle */
img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;}
/* EndStyle */
</style>

где

Code
width:100px;height:100px
-размеры Вашей картинки.



 
Форум » Ucoz зона » Другие скрипты для Ucoz » Отображение картинок в результатах поиска Ucoz
  • Страница 1 из 1
  • 1
Поиск:

Создать бесплатный сайт с uCoz
Copyright MyCorp © 2018