Ola Pessoal, bem fiz um carrossel com fotos, funciona no mozilla, mas no IE 7 aparecem todas as fotos de uma vez, já usei o overflow:hidden e nada segue o script javascript (jquery): $(function(){ // variável global des = 0; // botão RIGHT $('a#right').click(function(e){ e.preventDefault(); if(des == -2464){ des = -2464; }else{ des = des - 616; } if(des == 0){ des = -616; } //$('div#content').css('left',des + 'px'); $('div#content').animate({ left: des }, 500); }) // botão LEFT $('a#left').click(function(e){ e.preventDefault(); if(des == 0){ des = 0; }else{ des = des + 616; } //$('div#content').css('left',des + 'px'); $('div#content').animate({ left: des }, 500); }) }) agora segue o CSS div#slide{ width:616px; height:241px; border:4px solid #CCC; overflow:hidden!important; *overflow:hidden !important; float:left; } a#left, a#right{ width:20px; height:241px; border:4px solid #CCC; overflow:hidden; background:#DFDFDF; display:block; text-indent:-5000px; float:left; } a#left:hover{ background:url(../img/seta2.jpg) no-repeat } a#right:hover{ background:url(../img/seta.jpg) no-repeat } div#content{ width:3080px; height:241px; position:relative; } div#content img{ float:left; } Bem é isso ai se alguem puder meajudar agradeço http://phpbrasil.com/phorum/read.php?3,180949,180949#msg-180949 Sun, 19 May 2013 12:29:06 -0500 Phorum 5.2.10 http://phpbrasil.com/phorum/read.php?3,180949,185406#msg-185406 http://phpbrasil.com/phorum/read.php?3,180949,185406#msg-185406 Flavio Benini Perguntas Variadas / Não Relacionadas ao PHP Wed, 06 Jun 2012 08:08:38 -0500 http://phpbrasil.com/phorum/read.php?3,180949,181313#msg-181313 http://phpbrasil.com/phorum/read.php?3,180949,181313#msg-181313
// variável global
var des = 0;

$(document).ready(function(){

// botão RIGHT
$('a#right').click(function(e){
e.preventDefault();
if(des == -2464){
des = -2464;
}else{
des = des - 616;
}
if(des == 0){
des = -616;
}
//$('div#content').css('left',des + 'px');

$('div#content').animate({
left: des
}, 500);

});

// botão LEFT
$('a#left').click(function(e){
e.preventDefault();
if(des == 0){
des = 0;
}else{
des = des + 616;
}
//$('div#content').css('left',des + 'px');

$('div#content').animate({
left: des
}, 500);
});

});

Falou.]]> Lucas Tiago de Moraes Perguntas Variadas / Não Relacionadas ao PHP Wed, 14 Sep 2011 06:28:58 -0500 http://phpbrasil.com/phorum/read.php?3,180949,180949#msg-180949 http://phpbrasil.com/phorum/read.php?3,180949,180949#msg-180949
segue o script javascript (jquery):

$(function(){

// variável global
des = 0;

// botão RIGHT
$('a#right').click(function(e){
e.preventDefault();
if(des == -2464){
des = -2464;
}else{
des = des - 616;
}
if(des == 0){
des = -616;
}
//$('div#content').css('left',des + 'px');

$('div#content').animate({
left: des
}, 500);

})

// botão LEFT
$('a#left').click(function(e){
e.preventDefault();
if(des == 0){
des = 0;
}else{
des = des + 616;
}
//$('div#content').css('left',des + 'px');

$('div#content').animate({
left: des
}, 500);
})

})

agora segue o CSS

div#slide{
width:616px;
height:241px;
border:4px solid #CCC;
overflow:hidden!important;
*overflow:hidden !important;
float:left;
}
a#left,
a#right{
width:20px;
height:241px;
border:4px solid #CCC;
overflow:hidden;
background:#DFDFDF;
display:block;
text-indent:-5000px;
float:left;
}
a#left:hover{ background:url(../img/seta2.jpg) no-repeat }
a#right:hover{ background:url(../img/seta.jpg) no-repeat }

div#content{
width:3080px;
height:241px;
position:relative;

}

div#content img{
float:left;
}

Bem é isso ai se alguem puder meajudar agradeço]]> Jose Comparini Perguntas Variadas / Não Relacionadas ao PHP Tue, 23 Aug 2011 11:50:45 -0500