problemas con carga dinamica jquery.html

Hola mi problema es para referirme a los elementos cargados dinamicamente, con html de jquery
quiero alterarlos con jquery css, pero no puedo referirme a ellos, ejemplo:

Código :

/*estile CSS*/
.prueba img{
     opacity:0;
}
<!-- htlm -->
   ...
   <div class="prueba"></div>
  ...
//javascript y jquery
$('.prueba').html('<img src="ima1.jpg"><img src="ima2.jpg"><img src="ima3.jpg">')
if(variable_control==0){$('.prueba img:eq(0)').css('opacity','0.5')}

Pero no lo hace, no puedo referirme a la imagen 2 (que es la eq(1) ) y mostrarla en opacidad 0.5
si me carga las imagenes, si melas muestra sin opacidad, pero no puedo mostrar alguna de las cargadas.
como puedo hacerlo??

Mira aqui te aconsejo que mejor uses el AJAX asi tendras el manejo de cuando el HTML sea a cargado para poder manipularlo porque tanto linea donde tienes el .html y el if se estan ejecutando al mismo tiempo y tu necesitas que primero cargue el HTML y luego ejecutar el if mejor guarda las img en un archivo externo y lo mandas cargar con AJAX y en el evento success ya haces lo que necesitas...

Si amigo antes que nada gracias por tu respuesta, de echo si lo tengo con ajax, mas espesificamente con $post, y efectivamente lo tengo en un archivo externo, y el unico incomveniente es que no puedo referirme al contenido cargado, buscando en la web encontre cosas utiles pero solo es para eventos con el contenido cargado, encontre cosas como on, delegate, live, etc.. pero todos responden a eventos con los elementos cargados. ninguno me dice como modificar, lo cargado con javascript o jquery

$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
alert('Load was performed.');
}
});

esto te deberia de funcionar a la perfeccion porque el html entra por el parametro DATA y luego lo metes al html y entonces despues de eso ya haces lo que necesitas