¿Cómo agregar 'Leer más' a las entradas resumidas en mi blog con efecto hover en la imagen?

  • Autor Autor menganez
  • Fecha de inicio Fecha de inicio
M

menganez

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola betas.
Tengo un blog con entradas resumidas mediante un script. Le puse un bonito efecto hover "-moz-transform: scale(2.85)" a las imagenes de las entradas pero resulta que no logro poener el "leer mas" delante de la imagen. Es eso o hacer que la imagen cumpla la misma funcion que el boton "leer mas".
Probe con z-index pero no funciono.

Agradezco la ayuda que puedan brindar.

El blog: Inmobiliaria Ramirez

El script:
HTML:
<!-- ENTRADAS RESUMIDAS -->
<script type='text/javascript'>
summary_noimg = 270;
summary_img = 150;
img_thumb_height = 85;
img_thumb_width = 85;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
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;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img; 
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary; 
}

//]]>
</script>
<style type='text/css'>
 
prueba con z-index, ademas de ponerle position:relative; el z-index no funciona si no esta posicionada.
 
Gracias pero no queda. Lo puse como me dijiste y con "!important" pero nada.

prueba con z-index, ademas de ponerle position:relative; el z-index no funciona si no esta posicionada.
 
Usas javascript para es.. ? podes obtener los mismos resultados solo con css, entre a tu web para verlo, y no me quedo claro lo que pides, si podes dar detalles o mejor señalar en una imagen del problema ais entenderte, se de estas cosas xq diseño paginas web, asi que si queres una ayuda mia responde eso ok.. Suerte..
 
Atrás
Arriba