Absolutamente nuevo en la codificación, ¡así que pido disculpas si mi pregunta está mal formulada! Estoy tratando de obtener una imagen que tenga una URL dinámica para enviar a los usuarios a otra URL cuando se haga clic en ella. La imagen tiene una URL dinámica para que pueda actualizar el gif de forma remota si es necesario sin problemas de almacenamiento en caché. Mi problema es que parece que no puedo hacer que la imagen se vincule a ningún lugar cuando se hace clic en ella. Intenté ponerlo en un contenedor div y usar las etiquetas habituales, pero parece que no funciona. ¿Cómo puedo hacer que la imagen vincule a la persona a una nueva ubicación de URL cuando haga clic en ella?
aquí está el código
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $(document).ready(function(){ var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()+1; //January is 0! var yyyy = today.getFullYear(); today = yyyy + '' + mm + '' + dd; var myImage = new Image(400, 190); myImage.src = 'https://www.conatycatering.com/image/uploads/signatures/topsignature' + today + ".gif"; document.body.appendChild(myImage); $("a#url").attr("href", url) }); </script>¡Muchas gracias por cualquier ayuda!
Entonces, una parte que te faltaba es declarar la url . Sin embargo, una vez que haya hecho eso, querrá que la imagen esté dentro del ancla, no en el cuerpo general.
Por lo tanto, no desea usar document.body.appendChild que solo agrega la imagen al cuerpo HTML, sino que desea la imagen dentro del ancla, que puede ver funcionando a continuación, configurando el html() del ancla.
$(document).ready(function(){ var today = new Date(); var dd = today.getDate(); var mm = today.getMonth()+1; //January is 0! var yyyy = today.getFullYear(); today = yyyy + '' + mm + '' + dd; var myImage = new Image(400, 190); myImage.src = 'https://www.conatycatering.com/image/uploads/signatures/topsignature' + today + ".gif"; var url = 'http://example.com' // REPLACE THIS WITH YOUR URL $("a#url").attr("href", url) $('a#url').html(myImage) }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <a id="url"></a>Eliminé muchas cosas adicionales y usé una imagen de marcador de posición por brevedad.