Qué me dicen de este código para previsualizar imágenes

[jorgemibanez]

A mi no me funciona, mírenlo ustedes y ya me dirán qué opinan.

http://jsfiddle.net/roimergarcia/jkLxG/ ---->>>> Este es el link del código, es html, javascript y css.

Y este, la forma en que yo lo aplique (que ni siquiera funcionó):

Este es el input que selecciona la imagen:

Código HTML:

<input id="my_profile_photo" type="file" accept="image/*" style="
    width: 200px;
    height: 30px;
    background-color: #73AAE5;
    opacity: 0;
    position: absolute;
">
 

Este el marco que debería mostrar la imagen:

Código HTML:

<div>
<div>
<span>Vista Previa:</span> 
<span id="infoNombre">[Seleccione una imagen]</span><br>
<span id="infoTamaño"></span>
</div>
<div id="marcoVistaPrevia" style="border: 1px solid #008000; width: 400px; height: 400px">
<img id="vistaPrevia" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" alt="" style="max-width: 400px; max-height: 400px">
</div>
</div>
 

y el script que ya lo verán el página.

Si todo está casi idéntico, ¿Dónde estará el problema?

[pzin]

¿Casi idéntico? Para mi no tiene mucho que ver el tuyo con el del ejemplo.

¿Pusiste el código JavaScript? Ya que cambiaste el identificar del campo del archivo, ¿también lo cambiaste en el código JavaScript? ¿Sabes lo que hace el código?

Cuando publiques código, usa highlight o code para verlo mejor.

[caricatos]

Hola:

En otro mensaje te puse un ejemplo completo y sin librerías que funciona perfectamente... ¿Qué ha pasado...?

Saludos