Наведение только на изображениях не на файлы

Question

Я новичок в веб-дизайне, и это мой первый вопрос (sry, если есть ошибка) В настоящее время я работаю над проектом, где я разрешаю пользователям загружать документ с помощью telerik: RadAsyncUpload.

Пользователь может загрузить: столько, сколько изображения (jpg, jpef, png) и файлы (docx, doc, pdf). Для динамического отображения загруженных файлов я использую asp: Repeater.

Здесь мой вопрос в том, что, как я могу применить «Hover» только на изображениях, загружаемых пользователем i.e, , когда я нахожусь на изображении, он должен действовать. где, когда я нахожусь на файлах любого типа (pdf, docx, doc), hover не должен применяться. Это я хочу сделать, используя JQuery. и у меня есть идея i.e,

1. сначала загрузите файлы и сохраните их расширение в varibale 2. сопоставьте тип. 3.

if type == 'jpg | jpeg | png | 
    hover 
else 
    should not hover (for type = 'doc|docx|pdf') 

Это моя идея, но я не получаю, как начать.

Итак, любые идеи и решения по этому вопросу, пожалуйста, поделитесь со мной.

Цените, если кто-нибудь может мне помочь. Thx

Answer 1

Если вы делитесь своим кодом, тогда все может стать ясным, но если используются теги изображений, это решение может быть полезно.

$('img').mouseover(function() { 
      $('img').css('border', '1px solid red'); 
     }); 
     $('img').mouseout(function() { 
      $('img').css('border', '0px solid red'); 
     });