Mi problema es el siguiente:
Tengo una plantilla btemplates para el blogger que en su home muestra solamente una serie de celdillas dentro de las que hay thums que te dirigen a cada entrada clickeando sobre el titulo (tipo galeria de fotos). Cada entrada debe presentar la foto en grande y un pequeño texto.
Si subo a las entradas las fotos en tamaño "grande" que es tal y como deberían verse, los thumbs se me deforman completamente (son cuadros, así que su formato es diferente uno de otro). Si las pongo en la entrada en tamaño medio, entonces los thumbs se ven correctamente, pero lógicamente en la entrada, los cuadros se ven pequeños.
¿Cómo resolver ésto? es decir cómo ha cer para uqe los thumbs se vean correctamente y al mismo tiempo poder insertar las fotos en grande?
Intenté poner de todo en
.post img {
lo único que funcionó a medias fue insetar aquí
.post img {
height:500px;
}
sin embargo, si bien las fotos del post crecen, manteniendose los thumbs bien, la calidad de imagen de las fotos grandes de los posts se vuelve muy deficiente. (Este código modifica el tamaño de las fotos dentro de las entradas)
Por otro lado intené ver de cambiar este otro código que maneja la dimension del thumb dentro de las celdillas y tras mucho batallar llegué al siguiente código para que las imágenes no se me salgan del márgen de la celdilla y se mantengan centradas dentro de ellas: aquí ya probé de todo, poner solo alto, solo largo, no padding, etc sin resultados satisfaactorios:
.post img {max-height:151px;max-width:185px;padding-top:8px;padding-right:8px;}
Hace 4 dias que le busco la vuelta o incluso encontrar otro template parecido, pero no lo logro (ni una ni otra)
Aca va la parte del script que hace referencia a los thums. ¿Alguien sabría qué puedo hacer?
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px</a></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<da ta:post.id/>");</script>
Muchísimas gracias por su generosa ayuda porque estoy a punto de comerme este aparato!!! o de ponerme a llorar.
