[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Alena_kill  
Скрипт Отображение картинок в результатах поиска Ucoz
Оффлайн
Вторник, 20.09.2011, 23:43 | Сообщение # 1
Сообщений:
89
Награды:
122


Отображение картинок в результатах поиска 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 -размеры Вашей картинки.
  • Страница 1 из 1
  • 1
Поиск:

Администрация не несёт ответственности за содержащие файлы на данном портале.
Все материалы на сайте принадлежат исключительно их владельцам!
Главный администратор сайта na3uTuB4uk | | Sitemap | Sitemap-Forum | RSS лента NK-CS.RU