How to mark visited images

[Johan Jonker]

Hello thanks for letting me join this forum.

Long ago I made a saxophone fingering chart on my site: https://www.johanjonker.net/grepentabel-sax

One of the users asks if I can mark the selected fingering on the left. Is that possible with style sheets?

I made the chart as a table with images in a Joomla module. By selecting an image another page is selected.

The html code is something like this:

<table class="grepentabel">
<tbody>
<tr>
<td style="text-align: right;" colspan="6">
    <a href="index.php?option=com_content&amp;view=article&amp;id=296:sax-les-lage-bes&amp;catid=16:grepensax">
           <img src="images/stories/noten/saxBb3.jpg" alt="Bb3" />
    </a>&nbsp;
    <a  href="index.php?option=com_content&amp;view=article&amp;id=297&amp;catid=16:grepensax">
           <img src="images/stories/noten/B3.jpg" alt="B3" />
    </a>
</td>
</tr>

[niche]

Not with CSS.

I'd redesign the image with divs positioned  around the image , with each div having a JS listener, in place of the finger points.

Edited July 12, 2018 by niche