Recently, I delved into the world of CSS and am still getting the hang of it,
Below is a snippet of code that I have been working on,
<div id='ninja-slider'>
<ul>
<li>
<div data-image="images/md/1.jpg" </div>
</li>
<li>
<div data-image="images/md/2.jpg"> </div>
</li>
<li>
<div data-image="images/md/3.jpg"></div>
</li>
<li>
<div data-image="images/md/4.jpg"></div>
</li>
</ul>
</div>
I am seeking guidance on how to add hyperlinks to each of these images. I attempted without success.
If anyone can assist, I even explored JavaScript through online searches, specifically something related to onclick events.
Thank you in advance