Styling eines "Titel" -Attributs mit CSS oder möglichen Alternativen?

Ich habe eine kleine Bildergalerie mit 'Image Thumbnail Viewer 2' gemacht Link here Styling eines "Titel" -Attributs mit CSS oder möglichen Alternativen?

Skript ermöglicht Titelattribut unter Bild, das erweitert wird. Alles funktioniert gut, aber ich finde keine Möglichkeit, den Text im Attribut title zu stylen.

Alles, was ich tun möchte, ist einige grundlegende Funktionen zu ändern, z. B. Schriftfamilie, Schriftgröße, Rand usw. nichts Besonderes.

<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>

oben ist ein Beispiel für ein Bild Miniatur

Jedes Bild wird eine unterschiedliche Beschriftung darunter benötigen. nicht sicher, ob es Wert ist, das title-Attribut zu verwenden oder es einfach komplett anders zu machen.

Danke - zweiten Beitrag auf Stack-Überlauf, so lassen Sie mich wissen, wenn ich etwas falsch mache.

Quelle

2016-05-04 gezer4000

diesen Selektor in CSS Versuchen: '#loadarea div {color: red;}' – Aziz

Sie müssen das Markup (HTML), dass das Plugin zum Ziel erzeugt als @Aziz hat wies darauf hin. – hungerstar

Das Attribut 'title' verwendet kein HTML und kann nicht formatiert werden. –

Sie müssen das Markup (HTML), das das Plugin generiert, als Ziel verwenden, wie @Aziz darauf hingewiesen hat.

Ihr Text (wenn Sie ein Bild schweben) ist in einem Element mit der ID #loadedarea enthalten.

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

Quelle

2016-05-04 20:23:45 hungerstar

Schön, Sie nehmen Kredit für @ Aziz Antwort – RST

@RST Ich erwähnte ** Aziz ** in der Antwort. Wenn er zurückkommt und großartig antwortet. Aber falls er es nicht tut, gibt es eine tatsächliche Antwort auf die gestellte Frage. Steig von deinem hohen Pferd runter. – hungerstar

Ok, alle chillen. Es macht mir nichts aus. Kredit ist nett, aber letztendlich sollte die Betonung eher auf der Lösung als auf der Person liegen, denn darauf kommt es an. Genießen Sie den Rest Ihres Tages/Nacht! – Aziz

Sie müssen möglicherweise die js Skript ändern, um einen bestimmten Tag eingefügt: Beispiel: Statt <br/> Ich habe eine <p>https://jsfiddle.net/x7w12etr/2/ (fest und aktualisiert Geige)

geändert: (Beachten Sie, dass Sie hinzufügen können, eine Klasse oder id diesen zusätzlichen Tag, um den alt-Attribut-Wert des Bildes)

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) 
    }

von hier halten Sie, dassausrichten könnenmit CSS.

original:

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) 
    },

Quelle

2016-05-04 20:24:56

bietet dies eine bessere Kontrolle. Ich würde es empfehlen, wenn OP erweiterte CSS-Regeln hinzufügen möchte. – Aziz

Styling eines "Titel" -Attributs mit CSS oder möglichen Alternativen?

Antwort

Verwandte Themen