Зарабатываю на smmka.ru
Главная » Статьи » Скрипты » Скрипты для uCoz

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

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

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

Code
<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> вставляем стили для картинки:
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 -размеры Вашей картинки.

Категория: Скрипты для uCoz | Добавил: dEnny (20.02.2011)
Просмотров: 459 | Комментарии: 1 | Теги: результатах, картинок, Отображение, ucoz, поиска | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz