Foros del Web » Programando para Internet » Javascript »

Script entradas resumidas con efecto hover

Estas en el tema de Script entradas resumidas con efecto hover en el foro de Javascript en Foros del Web. Hola Compas. 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 ...
  #1 (permalink)  
Antiguo 24/05/2013, 13:34
 
Fecha de Ingreso: abril-2012
Mensajes: 10
Antigüedad: 11 años, 11 meses
Puntos: 0
Pregunta Script entradas resumidas con efecto hover

Hola Compas.
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: [url=http://oficinaramirez.blogspot.com/]Inmobiliaria Ramirez[/url]

El script:
Código 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'> 

Etiquetas: efecto, entradas, funcion, hover, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:39.