Nella vecchia versione della galleria, quella in cui c'è anche la descrizione, stavo provando un'alternativa al titolo sotto le icone.
Prima del div della galleria ho creato un div per mettere una numerazione ed inserire i link delle immagini
il risultato (più che altro un tentativo) è questo che ovviamente non funziona
codice:
<style>

.round-button {
    width:25%;
}
 
.round-button-circle {
    width: 10%;
    height:0;
    padding-bottom: 10%;
    border-radius: 50%;
    border:2px solid #cfdcec;
    overflow:hidden;
    
    background: #4679BD; 
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover {
    background:#30588e;
} 
 

.round-button a {
    display:block;
    float:left;
    width:10%;
    padding-top:50%;
    padding-bottom:50%;
    line-height:1em;
    margin-top:-0.5em;
    
    text-align:center;
    color:#e2eaf3;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}
</style>
</head>

<body>


<div class="round-button"><div class="round-button-circle"><img src="img1.jpg" /> class="round-button">1</a></div></div>
<div class="round-button"><div class="round-button-circle"><a href="link???" class="round-button">2</a></div></div>

</div><!---number--->


</body>
</html>