Tengo pocas imágenes y cuando hago clic, quiero ejecutar el código, digamos el número de imagen de alerta.
<img onclick="picture(1)" src="asd.jpg"> <img onclick="picture(2)" src="sdf.jpg"> <script> function picture(picnumber){ alert(picnumber); } </script>Funcionó, cuando estaba alertando a la cadena, no a la variable.
Editar: lo siento por incluir un ejemplo y no mi código real, pensé que estaba bien, la solución que se proporciona a continuación, sin embargo, no arregló mi código:
<body> <style> img{ height:80px; } </style> <script> function picture(picbumber){ alert(picnumber); } </script> <h1>GALLERY</h1> <div class="photos"> <img onclick="picture(1)" src="https://i.insider.com/5f5a5f37e6ff30001d4e8163?width=700"/> <img onclick="picture(2)" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSChu52FnNKfSPRTMY8HIXei8leVAMvkURqqQ&usqp=CAU"> <img onclick="picture(3)" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIvgVWXKciw_UZIuzVenY4QvmCbDQb43J1lQ&usqp=CAU"> <img onclick="picture(4)" scr="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSY9xhvbRt8gXsEyO1dOW41asBHrEb2mZkRgQ&usqp=CAU"> <img onclick="picture(5)" src="https://dkt6rvnu67rqj.cloudfront.net/cdn/ff/T8cy0-640W8sartvA9TWmv08NbGPFxsVvf8gFtBDE08/1577112797/public/styles/600x400/public/media/int_files/elephant_in_tanzania.jpg?h=f507d761&itok=Ei8OXcGi"> <img onclick="picture(6)" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR1u8AKJBUZdSX7SIHvd8R1SiYyypx7elpstQ&usqp=CAU"> </div> </body>simplemente cambie el orden, en onclick está ejecutando una función que aún no está definida de otra manera
<script> function picture(picnumber){ alert(picnumber); } </script> <img onclick="picture(1)" src="asd.jpg"> <img onclick="picture(2)" src="sdf.jpg">Agregue el código del script en la sección principal. Vea mi demostración aquí.
<head> <script> function picture(picnumber){ alert(picnumber) } </script> </head> <body> <img onclick="picture(1)" src="./asd.jpg" /> <img onclick="picture(2)" src="./sdf.jpg" /> </body> </html>```