CSS
Essa linha de CSS para esconder a div que contém a imagem, pois o JavaScript será usado para mostrar o conteúdo dessa div quando desejado.
.minhaDiv {
display:none;
}
O Script
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
// Analise o parâmetro do URL
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
// obtem o parametro fq
var dynamicContent = getParameterByName('fq');
$(document).ready(function() {
// Checa se o parametro é H:321
if (dynamicContent == 'H:321') {
$('#mostra').show();
}
});
</script>
HTML
<div id="mostra" class="minhaDiv">
<img src="Sua_Imagem.ext">
</div>
Exemplos:
?fq=H:321
?fq=H:150