Укладка атрибута 'title' с помощью CSS или возможных альтернатив?

Question

Я сделал небольшую галерею изображений с помощью «Image Thumbnail Viewer 2» Link here

скрипт позволяет атрибут title ниже расширяемого изображения. Все работает отлично, но я не могу найти способ стилизовать текст в атрибуте title.

Все, что я хочу сделать, это изменить некоторые основные функции, например, шрифт-семейство, размер шрифта, маржу и т. Д. Ничего необычного.

<tr> 
    <td> 
     <a href="img/test%20images/IMG305eng.jpg" 
      rel="enlargeimage" 
      rev="targetdiv:main,trigger:click,preload:yes,fx:fade" 
      title="&lt;em&gt;Hello World&lt;/em&gt; - 2014 - 20x30x5cm"> 
      <img src="img/test%20images/IMG305eng.jpg"> 
     </a> 
    </td> 
</tr> 

выше, является примером одного изображения миниатюры

Каждое изображение будет нужен другой заголовок под ним. не уверен, стоит ли использовать атрибут title или просто делать это по-другому.

Спасибо за второе сообщение от переполнения стека, поэтому дайте мне знать, если я что-то делаю неправильно.

Answer 1

Вам нужно настроить таргетинг на разметку (HTML), которую создает плагин, как указал @Aziz.

Ваш текст (при наведении изображения) содержится в элементе с идентификатором #loadedarea.

#loadedarea { 
    font-weight: bold; 
    color: red; 
} 

Answer 2

вам может понадобиться изменить сценарий JS для вставки конкретного тега: примера: вместо <br/> я добавил <p>https://jsfiddle.net/x7w12etr/2/ (фиксированная и обновлено скрипка)

изменения: (обратите внимание, что вы можете добавить класс или идентификатор для этого дополнительного тега держит значение атрибута альта изображения)

if (setting.link) 
      imghtml='<a href="'+setting.link+'">'+imghtml+'</a>' 
     imghtml='<div>'+imghtml+((setting.enabletitle!='no' && $anchor.attr('title')!='')? '<p>'+$anchor.attr('title') : '')+'</p></div>' 
     return $(imghtml) 
    } 

Отсюда можно ориентировать, что p с css.

---

оригинал:

if (setting.link) 
      imghtml='<a href="'+setting.link+'">'+imghtml+'</a>' 
     imghtml='<div>'+imghtml+((setting.enabletitle!='no' && $anchor.attr('title')!='')? '<br />'+$anchor.attr('title') : '')+'</div>' 
     return $(imghtml) 
    },