aquí es el CODIGO DE TRABAJO FINAL .... en caso de que alguien whant a saber, que todo es cuestión de wainting tener todas las imágenes cargadas! ...
<script type="text/javascript">
$ (function() { $ ("# pulgar") jCarouselLite ({ btnNext: "#down", btnPrev: "#UP", verticales: true, visibles: 4 });
$("#thumb li img").click(function() {
var newlinkimage = $(this).attr("src");
newlinkimage = 'retouche-hr' + newlinkimage.substring(14,17);
$('#hr').remove();
var newimage = new Image();
newimage.src = newlinkimage + '-a.jpg';
newimage.onload = function()
{
var width = (newimage.width);
var height = (newimage.height);
$('#contentfull').append('<div id="hr"> </div>');
$("#hr").attr("width", width).attr("height", height);
$("#hr").addClass('hrviewer');
//alert('a');
$("#hr").append('<div id="avant"> <img alt="before" src="' + newlinkimage +'-a.jpg"></div>');
$("#hr").append('<div id="apres"> <img alt="after" src="' + newlinkimage +'-b.jpg"></div>');
//alert('b');
$("#avant img").attr("src", newlinkimage + '-a.jpg').attr("width", width).attr("height", height);
$("#apres img").attr("src", newlinkimage + '-b.jpg').attr("width", width).attr("height", height);
$("#apres img").load(function(){$("#hr").beforeAfter({animateIntro:true});});
}
})
. });
El orden en el que '' src' y onload' se establecen es importante para la devolución de llamada de carga a ser llamado. –
Hmm Probé en Chrome y Firefox y ambos funcionaron bien. IE mostró la alerta también, pero no es compatible con naturalWidth – Greg
¡Muchas gracias! Funcionó como un amuleto –