LibelulasBroche y pendientes de oro blanco, brillantes y turquesa.
LibelulasBroche y pendientes de oro blanco y pavé de brillantes.
LibelulasBroche y pendientes de oro blanco, brillantes y coral piel de ángel.

 
 

 

var altFinal = 550; // Píxeles de la altura final de la img var espera = 2000; // Milisegundos de espera hasta que empieza a encogerse var propMargin = 50; var factorEase = .09; if (encuadre >= 0 && encuadre <= 100) propMargin = encuadre; mainDiv = document.getElementById('main'); //imgDiv = mainDiv.getElementsByClassName('pull-right item-image')[0]; imgDiv = mainDiv.querySelectorAll('.pull-right.item-image')[0]; imgDiv.style.overflow = 'hidden'; imgDiv.style.cursor = 'pointer'; imgDivSup = imgDiv.parentNode; imgDivSup.style.overflow = 'hidden'; var alturaOrig = 0; var temp_agrandar; var temp_espera; var temp_encoger; var clickable = false; var alturaActual = 0; imgImg = imgDiv.getElementsByTagName("img")[0]; //alert(imgImg); imgImgOnload = function() { //alert ('onLoad'); alturaOrig = imgDiv.clientHeight; temp_espera = setTimeout("encogerImg(" + alturaOrig + ")", espera); } imgImg.onload = imgImgOnload; if (imgImg.complete) { //alert('Complete'); imgImg.onload = function() {} imgImgOnload(); // Por si ha cargado antes de definir onLoad } imgImg.onclick = function() { if (clickable) { clearTimeout(temp_encoger); clearTimeout(temp_espera); clearTimeout(temp_agrandar); clickable = false; agrandarImg(alturaActual); } } function encogerImg(altura) { if (altura > altFinal + 1) { nueva_altura = altura + (altFinal - altura) * factorEase; ponerAlturaConMargen(nueva_altura); temp_encoger = setTimeout("encogerImg(" + nueva_altura + ")", 20); } else { ponerAlturaConMargen(altFinal); clickable = true; } } function agrandarImg(altura) { if (altura < alturaOrig - 1) { nueva_altura = altura + (alturaOrig - altura) * factorEase; ponerAlturaConMargen(nueva_altura); temp_agrandar = setTimeout("agrandarImg(" + nueva_altura + ")", 20); } else { ponerAlturaConMargen(alturaOrig); clickable = true; temp_espera = setTimeout("encogerImg(" + alturaOrig + ")", espera); } } function ponerAlturaConMargen(nueva_altura) { margen = -Math.round((alturaOrig - nueva_altura) / (100 / propMargin)); imgDiv.style.height = Math.round(nueva_altura - margen) + 'px'; imgDiv.style.marginTop = margen + 'px'; alturaActual = nueva_altura; }