Criei uma janela pop-up que abre uma cópia maior da imagem clicada. Este é o código html para ele:
<img src="images/car1_1.jpg" alt="interior" id=Upics onClick="MM_openBrWindow('images/car1_1.jpg','CARPOP','width=500em,height=500em')" />
O jquery / script para o pop-up:
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
Existe alguma maneira de a janela ser fechada ao ser clicada?
O Javascript window.close()fecha a janela à qual o script está anexado. No seu caso, se você adicionar este código js ao script do pop-up, poderá fechar a janela a partir de um evento de clique, como este:
main.html
<img src="images/car1_1.jpg" alt="interior" id=Upics onClick="MM_openBrWindow('popup.html','CARPOP','width=500em,height=500em')"/>
popup.html
<html>
<head>
<title>Click me</title>
</head>
<body onClick="closePopup()">
<img src="images/car1_1.jpg" alt="interior"/>
</body>
</html>
<script type="text/javascript">
function closePopup() {
window.close();
}
</script>
Ajuste o CSS se a imagem não estiver cobrindo a página inteira.
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras