!= dirURL) { salida = "<div class='relspostsslider'>"; salida += "<a href='" + relurlsslider[r] + "' rel='nofollow' target='_blank' title='" + reltitulosslider[r] + "'><img src='" + relimagenslider[r] + "' /></a>"; salida += "<h6><a href='" + relurlsslider[r] + "' target='_blank'>" + reltitulosslider[r] + "</a></h6>"; salida += "<p>" + relresumenslider[r] + " ... </p>"; salida += "</div>"; document.write(salida); cuantosPosts++; if (cuantosPosts == relmaxamostrarslider) { break; } } if (r < reltitulosslider.length - 1) { r++; } else { r = 0; } if(r==rini) { break; } }}function eliminattagsslider(cual,longitud){ var resumen = cual.split("<"); for(var i=0;i<resumen.length;i++){ if(resumen[i].indexOf(">")!=-1){ resumen[i] = resumen[i].substring(resumen[i].indexOf(">")+1,resumen[i].length); } } resumen = resumen.join(""); resumen = resumen.substring(0,longitud-1); return resumen;}function containsslider(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}function desplazarrels(direccion) { var div = document.getElementById("postsrelacionadoscontenedor"); var pos = parseInt(div.style.left); pos = pos + (SRwidth * direccion); if(pos > SRmin) { return } if(pos < SRmax) { return } div.style.left = pos + "px";}//]]></script><style>/* al rectangulo contenedor lo centramos, le damos altura y eliminamos los saltos de linea indeseados */ #postsrelacionadosslider { margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; height: 190px; position: relative; width:100%; border: 0px; }#postsrelacionadosslider h2{font-size: 14px;text-indent: 20px; } #postsrelacionadosslider br { display:none; } /* las imagenes que sirven para navegar las posiconamos una a cada extremo */ #relleft { left: -5px; } #relright { right: 0; } .sflecha { height: 150px; position: absolute; width: 15px; } .sflecha img { height: 150px; width: 15px; border: 0px solid} /* al rectangulo central lo dimensionamos, lo posicionamos e impedimos que se deborde */ #postsrelacionadosinner {margin:0px;padding:0px; height: 152px; left: 15px; overflow: hidden; position: absolute; width: 96%; /* es el ancho real de cada post resumido por la cantidad visible, en este caso 4 */ } /* esta sera la &quot;tira&quot; a desplazar */ #postsrelacionadoscontenedor { height: 180px; position: absolute; width: 2800px; /* es el ancho real de cada post resumido por la cantidad a mostrar, en este caso 20 */ /* el efecto */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /* cada post resumido */ .relspostsslider { background: -webkit-linear-gradient(#73413F, #EDE1E1); background: -moz-linear-gradient(#73413F, #EDE1E1); background: -o-linear-gradient(#73413F, #EDE1E1); float: left; height: 150px; margin: 0 1px; overflow: hidden; padding: 0 4px; text-align: center; width: 129px;border:1px solid #ccc; } /* los contenidos de esos posts resumidos */ .relspostsslider a { color: #000; display: inline; font-size: 11px; line-height: 1; } .relspostsslider img { height: 82px;margin: 1px auto; padding:5px 5px 5px;background: #fff; width: 95px;border:1px solid #000; } .relspostsslider h6 { display: table-cell; height: 5em; margin: 0; overflow: hidden; padding: 0; vertical-align: middle; width: 130px; } .relspostsslider p {display:none;}</style><!-- FIM posts relacionados com Slide by JMiur --> <b:template-skin> <b:variable default='1040px' name='content.width' type='length'/> <b:variable default='0' name='main.column.left.width' type='length'/> <b:variable default='360px' name='main.column.right.width' type='length'/> <![CDATA[ body { min-width: $(content.width); } .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: $(content.width); max-width: $(content.width); _width: $(content.width); } .main-inner .columns { padding-left: $(main.column.left.width); padding-right: $(main.column.right.width); } .main-inner .fauxcolumn-center-outer { left: $(main.column.left.width); right: $(main.column.right.width); /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("$(main.column.left.width)") - parseInt("$(main.column.right.width)") + 'px'); } .main-inner .fauxcolumn-left-outer { width: $(main.column.left.width); } .main-inner .fauxcolumn-right-outer { width: