Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, tenho uma galeria de imagens.
Quando alguem clica em uma imagem, ela abre segundo a imagem em anexo.
Acontece que, preciso criar um botão, estilo esse X (close), só que para download.
Em outras palavras, como eu faria para colocar, dentro do CSS, um atributo para fazer o download da imagem?
O close no CSS está assim:
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
Tem como eu criar alguma coisa que, quando clicando na imagem, faça o download?
Se não, alguma sugestão?
Desde já agradeço;

Desconheço um jeito de manipular link somente por CSS.
Se eu entendi bem, o CSS é um só para a imagem e o efeito de transição, então vai ter que separar os dois.
Se for o caso, você separa e faz assim:
<a download="NomeDaImagem.jpg" href="link da sua imagem">
// CSS da imagem
</a>