Problem mit Selektor/Bildergalerie mit Colorbox

[webeditor]

Hallo,

ich stecke gerade fest: Ich verwende Hugo und im Template wird der Seiteninhalt so ausgegeben (Auszug):

<h1>{{ .Title }}</h1>
<div class="bildershow">
    {{ .Content }}
</div>

<div class="nav-link">
<p><a href="/"> <<< zum Inhaltsverzeichnis </a></p>
</div>

Für die Bildergalerien, im Inhaltstext eingebettet, möchte ich Colorbox verwenden. Im Head wird - neben den Verweisen auf die erforderlichen Scriptdateien und CSS - folgendes definiert:

<script type="text/javascript">
<!-- colorbox -->
    jQuery(document).ready(function () {
        $("--hier muß ein Selektor hin--").colorbox({rel:'bildershow', maxwidth:"95%", maxheight:"95%"});
    });
<!-- /colorbox -->
</script>

Nun möchte ich, daß Text-Links im {{ .Content }} als normale Links behandelt werden, wenn der Link aber ein Bild (Vorschaubild) umschließt, dann soll die Colorbox das große Bild anzeigen.

Weil der Inhalt in Markdown geschrieben ist, kann ich dort eher nicht mit HTML-Attributen arbeiten.

Ich scheitere daran, einen Selektor einzutragen (im JS-Schnipsel oben), der

• nur Links innerhalb des "bildershow"-divs erkennt
• innerhalb dieses divs nur die Bilder umschließenden Links akzeptiert
• alle anderen Links einfach normale Links sein läßt.

Geht das überhaupt mit den genannten Rahmenbedingungen?