Código
<!DOCTYPE html> <html lang="es"> <head> <meta charset="es"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="css/guion05.css"> </head> <body> <div class="container"> <img class="img-responsive" align="center" src="img/Ciclo_de_nitrogeno.png" alt="CICLO DE NITRÓGENO" id="imagenfondo" usemap="#ciclo"/> <map name="ciclo"> <!-- 1.-CICLO DE NITROGENO--> <area id="mapa_fuente" shape="circle" coords="568,16,22" href="#" alt="Ciclo de nitrógeno" data-position="center" data-title="<b>Ciclo de Nitrógeno</b>.El ciclo adquiere importancia debido a que las plantas y seres vivos no son capaces de asimilar directamente el nitrógeno."/> <!--2.- Nitrógeno atmosférico--> <area id="mapa_fuente" shape="circle" coords="515,181,26" href="#" alt="Nitrógeno atmosférico" data-title="<b>Nitrógeno atmosférico</b>. El nitrógeno es uno de los elementos que más abunda en la atmósfera. Los seres vivos necesitan de él para realizar procesos biológicos importantes." /> <!-- 3.-Fijación del nitrógeno--> <area id="mapa_fuente" shape="circle" coords="320,318,26" href="#" alt="Fijación del nitrógeno" data-title="<b>Fijación del nitrógeno</b>. El nitrógeno que se encuentra en el aire es llevado al suelo gracias a la acción de los relámpagos o por la actividad de ciertas bacterias que fungen como fijadoras del nitrógeno al convertir el gas en nitratos. Los nitratos una vez en el suelo son absorbidos por las plantas a través de sus raíces para realizar la síntesis de proteínas." /> <!-- 4.-Asimilación--> <area id="mapa_fuente" shape="circle" coords="361,408,26" href="#" alt="Asimilación" data-title="<b> Asimilación</b>.Una vez que el nitrato es absorbido por la planta el nitrógeno es llevado al cuerpo de los seres vivos que se alimentan de ellas."/> <!-- 5.-Nitrificación--> <area id="mapa_fuente" shape="circle" coords="670,538,26" href="#" alt="Nitrificación" data-title="<b>Nitrificación</b>. Algunas bacterias comunes oxidan el amoniaco (o amonio) a nitrito el cual es transformado por otro grupo de bacterias en nitrato que es la forma en la que es aprovechado por las plantas a través de las raíces."/> <!-- 6.-Desnitrificación--> <area id="mapa_fuente" shape="circle" coords="767,420,26" href="#" alt="Desnitrificación" data-position="right" data-title="<b>Desnitrificación</b>. Parte del nitrato que se encuentra en el suelo puede llegar a perderse durante el proceso de desnitrificación en el cual algunas bacterias transforman el nitrato en nitrógeno gaseoso y lo liberan a la atmósfera."/> <!--7.- Amonificación--> <area id="mapa_fuente" shape="circle" coords="495,711,26" href="#" alt="Amonificación" data-title="<b>Amonificación</b>. Es el proceso en el cual algunas bacterias y hongos degradan los compuestos nitrogenados producto de la descomposición de materiales orgánicos complejos a compuestos simples liberando el exceso de nitrógeno en forma de amoníaco o ion amonio."/> <!--8.- Descomposición--> <area id="mapa_fuente" shape="circle" coords="520,873,40" href="#" alt="Descomposición" data-position="bottom" data-title="<b>Descomposición</b>. Una parte de nitrógeno vuelve al suelo cuando hongos y bacterias descomponen los productos de desecho y organismos en descomposición para liberar energía. El amoniaco proveniente de urea y excremento es convertido en iones de amonio que posteriormente transforman en nitritos y nitratos que son absorbidos por las plantas. El nitrógeno es devuelto a la atmosfera gracias a bacterias nitrificantes y a los procesos geológicos "/> <!--9.- Lixiviación--> <area id="mapa_fuente" shape="circle" style="margin-right:-2000px;" coords="202,697,26" href="#" alt="Lixiviación" data-title="<b>Lixiviación</b>. Fenómeno de desplazamiento de sustancias solubles o dispersables (arcilla, sales, hierro, humos) causado por el movimiento de agua en el suelo, característico de climas húmedos."/> <!--10.- Eutrofización--> <area id="mapa_fuente" shape="circle" coords="35,460,26" href="#" alt="Eutrofización" data-position="left" data-title="<b> Eutrofización</b>. Es el proceso natural de enriquecimiento de aguas con nutrientes. La descomposición de la materia orgánica produce una disminución de oxígeno en aguas profundas, sus efectos pueden interferir en los usos que hace el hombre del agua. Sucede en cuerpos de agua poco profundos y clima cálido."/> <!--area shape="default" nohref="nohref" /--> </map> <footer align="center"> </br> Abraham, Elena, et.al. (s.f.) Definición de eutrofización en Breve enciclopedia del ambiente. Argentina: Portal CRICYT. Consultado en: <br/> <br/> <br/> Muro, E. (s.f.) Definición de Lixiviación en Breve enciclopedia del ambiente. Argentina: Portal CRICYT. Consultado en:<br/> </p> </footer> </div> <div class="modal fade" id="ModalInstrucciones" tabindex="-5" role="dialog" aria-hidden="true"> <center> <div id="modalinstruc"> <img class="img-responsive" width="45%" style="padding-top: 40px;" src="img/Instrucciones.png"> </div> </center> </div> </body> <!--Codigo en java script para la ventana de instrucciones--> <script type="text/javascript"> $("#ModalInstrucciones").modal("show"); $('area').click(function(e){ var obj = $('.menu-emergente'); obj.html($(this).data('title')); var top_ = e.clientY + 15; var left_ = e.clientX; if($(this).data('position') == 'center'){ left_ = left_ - 150; }else if($(this).data('position') == 'right'){ left_ = left_ - 310; }else if($(this).data('position') == 'bottom'){ top_ = top_ - 300; letf_ = left_ - 300; } obj.css({ display: 'block', top: top_+'px', left: left_+'px' }); }); //cerrar ventana $("#imagenfondo").click(function(){ $(".menu-emergente").hide(); }); </script> </html>