[ Учасники · Правила форуму · Пошук · RSS ]
  • Сторінка 1 з 1
  • 1
Відображення картинок в результатах пошуку Ucoz
DeLiGhTДата: Вівторок, 2011-02-15, 22.52 | Повідомлення # 1
Провірений
Повідомлень: 1272
32767
Offline

Відображення картинок в результатах пошуку Ucoz.
Установка:
Так .... Йдемо в ПУ
У шаблоні Пошук по сайту »Сторінка пошуку замінюємо $ BODY $ на

Code
[code]<div id="searchText">$BODY$
</div>[/code]
І в самий зв, в цьому ж шаблоні, вставляємо скрипт ...
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
Пошук: