HTML - Cambiar dinámicamente una imagen

 
Vista:

Cambiar dinámicamente una imagen

Publicado por Arturo (1 intervención) el 07/12/2020 03:31:46
Les comento tengo una tabla de la siguiente forma

Escuelas Secundarias

Secundaria #5 Benito Juarez
Secundaria #6 Jose Maria
Secundaria #1 Hidalgo
Secundaria #19 Vicente Guerrero
Secundaria #3 ....
Secundaria #9 ....

Al dar click sobre cualquiera de las secundarias me lleva a otra pagina, en esa segunda pagina busco que si yo di click en "Secundaria #5 ...." la segunda página me muestra una imagen del logo de la secundaria y en cada caso me muestre el logo respectivo.

Hay alguna función de javascript en la cual pueda sustituir la ruta de la imagen dependiendo del enlace de la secundaria que yo di click?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 247
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Cambiar dinámicamente una imagen

Publicado por Alejandro (77 intervenciones) el 08/12/2020 02:13:48
Por ejemplo Pagina2.html?secu=1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script>
window.onload = function(){
	const PARAMS = new URLSearchParams(window.location.search)
	switch( PARAMS.get('secu') ){
		case '1':
			imgSrc='logo1.jpg';
			break;
 
		case '2':
			imgSrc='logo2.jpg';
			break;
 
		case '3':
			imgSrc='logo3.jpg';
			break;
 
		default:
			imgSrc='default.jpg';
	}
	alert(imgSrc);
	document.getElementById('imgLogo').src=imgSrc;
}
</script>
 
<img id="imgLogo" src="default.jpg" />
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar