Lo que podrías hacer sería llenar los elementos de manera dinámica con javascript ... honestamente no sé si exista otra forma, es posible que si, pero eso es lo que se me ocurre ... la idea sería algo como esto:
En tu sección de scripts:
Código PHP:
<script type="text/javascript">
function cargaAnimaciones()
{
var divAnim1 = document.getElementById( 'divAnim1' );
var divAnim2 = document.getElementById( 'divAnim2' );
divAnim1.innerHTML = 'creación de object para incluir animación 1';
divAnim2.innerHTML = 'creación de object para incluir animación 2';
}
</script>
Código HTML:
<div id="divAnim1"> </div>
código HTML
<img src="img1.jpg" />
código HTML
<img src="img2.jpg" />
código HTML
<div id="divAnim2"> </div>
código HTML
<img src="img2.jpg" />
código HTML
<script type="text/javascript">
cargaAnimaciones();
</script>
Como bien dices el navegador va cargando en el orden de aparición del código, por lo tanto lo primero que haría sería crear los div's y las imágenes en el orden que aparecen en el código ... y hasta el final haría el llamado a la función
cargaAnimaciones de javascript ... en ése momento cargaría las animaciones ...
Espero te sirva, suerte por allá ...