Иконка перед ссылкой


Скрипт добавляет favicon перед ссылкой, если ссылка ведет на файл с разрешением .xxx, выдает картинку с типом этого файла, если никаких иконок нету, показывает стандартную картинку ссылки (см. скриншот).

Установка:
подключаем скрипт перед
Код
<script type="text/javascript">$(document).ready(function(){  
  //!Favicons links  
  $('div.commcontent a.link').each(function(){  
  if($(this).find('img').length==0 && this.href.indexOf('mailto')!=0){  
  var regexp = /(?:7z|aac|ani|asf|asp|aspx|avi|bat|bmp|bz2|bz3|cab|cfg|cfm|chm|css|cur|djvu|  
  dll|doc|docx|exe|f4v|flac|flv|fon|gif|ico|iflv|inf|info|ini|iso|jpe|jpeg|jpg|js|key|log|lst|m3u|mid|  
  midi|mov|mp3|mp4|mpeg|mpeg4|mpg|ogg|pdf|pls|png|ppt|pptx|psd|rar|res|rss|rtf|so|swf|tar|  
  tga|tiff|torrent|ttf|txt|wav|wma|wmv|xls|xlsb|xml|zip)$/;  
  $(this).before(regexp.test(this.href) ? '<img style="width:16px;height:16px;vertical-align:middle;" src="/img/filetype/' + this.href.match(regexp)[0] + '.png"> ' :  
  '<img style="width:16px;height:16px;vertical-align:middle;" src="http://www.google.com/s2/favicons?domain=' + this.host + '"> ');  
  }  
  });  
  });</script>


a.link - селектор (класс ссылок), который будет обрабатывать скрипт.
src="/img/filetype/ - путь к картинкам разрешений на вашем сайте (архив с картинками прикреплён)
набор разрешений файлов так же можно редактировать


ИсточникАвтор: CoolFENIX | Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 09.03.2013
Скачать Иконка перед ссылкой с сервера
2880_filetypes.rar Размер: 64.8 Kb (cкачиваний: 86)

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz