Ayuda slideshow

[rigox100]

HOLA COMUNIDAD COMO ESTAN MI PREGUNTA ES SI ALGUN MIEMBRO DEL FORO PUEDE DECIRME COMO HACERLE PARA HACER UN SLIDE CON UN SCROLL ABAJO CON EN LA PAGINA QUE SE MUESTRA ACONTINUACION www.mediotiempo.com SE LOS AGRADECERIA MUCHO UN GRAN SALUDO. OTRA PEQUEÑA DUDA TENGO UN SCRIPT .JS Y EN EL MOZILA 3.5.7 ME JALA PERFECTO PERO EN EL EXPLORER 8.0.7 no me funciona el script saben a que se debera??? MUCHAS GRACIAS

[hector2c]

sobre el carrusel o slideshow, puedes ver aqui un gran ejemplo y aqui su demo...

puedes mostrar que haces en tu script .js??? que error te manda??? o que no anda???

[rigox100]

Muchas gracias Hector por tu ayuda, tendras el codigo del carrusel bueno lo que kiero poner en mi pagina es el carrusel y q arriba me valla mostrando las imagenes en grande tendras ese codigo porfavor. Asi similar como el de www.mediotiempo.com

Otra cosa que les queria preguntar tengo un javascrip al ejecutarlo con mozila y chroome me trabaja perfectamente pero ya con IE8 no funciona te lo dejo para ver si me puedes ayudar muchas gracias.

var bxs,bxe,fxs,fxe,ys,ye,ta,ia,ie,st,ss,ft,fs,xp,yp,c i,t,tar,tarl;
ta = document.getElementById(thumbid);
ia = document.getElementById(imgid);
t = ta.getElementsByTagName('li')
ie = document.all ? true : false;
st = 3;
ss = 3;
ft = 10;
fs = 5;
xp,yp = 0;
document.onmousemove = getPos;

function slideShow(){
var taw = ta.parentNode.offsetWidth;
var taa = taw / 4;
bxs = leftPos(ta);
bxe = bxs + taa;
fxe = bxs + taw;
fxs = fxe - taa;
ys = topPos(ta);
ye = ys + ta.offsetHeight;
var len = t.length;
tar = [];
for(i=0; i < len; i++){
var id = t[i].id;
tar[i] = id;
t[i].onclick = new Function("getImg('" + id + "')");
if(i == 0) {
getImg(id);
}
}
tarl = tar.length;
}

function scrlThumbs(d){
clearInterval(ta.timer);
var l;
if(d == -1){
l = 0;
}else{
l = t[tarl-1].offsetLeft - (ta.parentNode.offsetWidth - t[tarl-1].offsetWidth) + 10;
}
ta.timer = setInterval(function(){scrlMv(d,l)},st);
}

function scrlMv(d,l){
ta.style.left = ta.style.left || '0px';
var left = ta.style.left.replace('px','');
if(d == 1){
if(l - Math.abs(left) <= ss){
cnclScrl(ta.id);
ta.style.left = '-' + l + 'px';
}else{
ta.style.left = left - ss + 'px';
}
}else{
if(Math.abs(left) - l <= ss){
cnclScrl(ta.id);
ta.style.left = l + 'px';
}else{
ta.style.left = parseInt(left) + ss + 'px';
}
}
}

function cnclScrl(){clearTimeout(ta.timer)}

function getImg(id){
var hl = id.indexOf('_');
var is,ip,il;
if(hl != -1){
ip = id.split('_');
is = ip[0];
il = ip[1];
}else{
is = id;
}
if(auto){clearTimeout(ia.timer)}
if(ci != null){
var ts = ia.getElementsByTagName('img');
var tsl = ts.length;
var x = 0;
for(x; x < tsl; x++){
if(ci.id != id){
var o = ts[x];
clearInterval(o.timer);
o.timer = setInterval(function(){fdOut(o)},fs);
}
}
}
var i;
if(!document.getElementById(ie)){
if(hl != -1){
a = document.createElement('a');
a.setAttribute('href',il);
ia.appendChild(a);
i = document.createElement('img');
a.appendChild(i);
}else{
i = document.createElement('img');
ia.appendChild(i);
}
i.id = id;
i.av = 0;
i.style.opacity = 0;
i.style.filter = 'alpha(opacity=0)';
i.src = imgdir + '/' + is;
}else{
i = document.getElementById(is);
clearInterval(i.timer);
}
i.timer = setInterval(function(){fdIn(i)},fs);
}

function imgNav(d){
var curr = 0;
var ae,ie;
for(key in tar){
ae = tar[key].split('_');
if(ae[0] == ci.id){
curr = key;
}
}
if(tar[parseInt(curr) + d]){
ie = tar[parseInt(curr) + d];
}else{
if(d == 1){
ie = tar[0];
}else{
ie = tar[tarl - 1];
}
}
getImg(ie);
}

function autoSlide(){
ia.timer = setInterval(function(){imgNav(1)}, autodelay * 1000);
}

function fdIn(i){
if(i.complete){
i.av = i.av + fs;
i.style.opacity = i.av / 100;
i.style.filter = 'alpha(opacity=' + i.av + ')';
}
if(i.av >= 100){
if(auto){autoSlide()}
clearInterval(i.timer);
ci = i;
}
}

function fdOut(i){
i.av = i.av - fs;
i.style.opacity = i.av / 100;
i.style.filter = 'alpha(opacity=' + i.av + ')';
if(i.av <= 0){
clearInterval(i.timer);
if(i.parentNode){i.parentNode.removeChild(i)}
}
}

function getPos(e){
if(ie){
xp = event.clientX + document.body.scrollLeft;
yp = event.clientY + document.body.scrollTop;
}else{
xp = e.pageX;
yp = e.pageY;
}
if(xp < 0){xp = 0}
if(yp < 0){yp = 0}
if(xp > bxs && xp < bxe && yp > ys && yp < ye){
scrlThumbs(-1);
}else if(xp > fxs && xp < fxe && yp > ys && yp < ye){
scrlThumbs(1);
}else{
cnclScrl();
}
}

function leftPos(t){
var left = 0;
if(t.offsetParent){
while(1){
left += t.offsetLeft;
if(!t.offsetParent){break}
t = t.offsetParent;
}
}else if(t.x){
left += t.x;
}
return left;
}

function topPos(t){
var top = 0;
if(t.offsetParent){
while(1){
top += t.offsetTop;
if(!t.offsetParent){break}
t = t.offsetParent;
}
}else if(t.y){
top += t.y;
}
return top;
}// JavaScript Document