Jump to content
Sign in to follow this  
Johan Jonker

How to mark visited images

Recommended Posts

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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×