Отображение картинок в результатах поиска 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:100 px;height:100 px -размеры Вашей картинки.
Чтоб скачать фаил зарегистрируйтесь , или войдите под своим логином
html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию
Случайные файлы
Анимированная страница 404 на HTML5 и jQuery
Комментарии: 0 Дата: 25.09.2010
Шаблон для ucoz Zagruzka-plus (Оригинал)
Комментарии: 0 Дата: 18.09.2010
Вид новостей
Комментарии: 1 Дата: 29.09.2010