romoaldoberto Postado Março 18, 2011 Denunciar Share Postado Março 18, 2011 (editado) Bom dia a todos.Estou desenvolvendo um site onde no index coloquei um efeito Slideshow com 3 imagens:1-Funciona no crome o cicle;2-funciona no Firefox;3-No ie não tem jeito de funciona,isso hospedado,mas já localmento funciona no ie.Vai codigo relacionado:index.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><?php include "scripts.php";?><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Ecogrisa</title><link href="css/style_index.css" rel="stylesheet" type="text/css" /></head><body><div id="box"><div id="sub_header"><div id="logo_index"></div><!--logo_index--><div id="restrito_index"></div><!--restrito_index--><h2>Soluções para Meio Ambiente e para sua vida.</h2></div><!--sub_header--><div id="header"><div class="cicle"><ul><li><img src="images/foto_flash_home/Flash Page - 1.png" alt="" width="460" height="200"/></li><li><img src="images/foto_flash_home/Flash Page - 2.png" alt="" width="460" height="200"/></li><li><img src="images/foto_flash_home/Flash Page - 5.gif" alt="" width="460" height="200"/></li></ul></div><!--cicle--></div><!--header--><div id="sep_header"></div><!--sep_header--><div id="menu_index"><a href="#"><div id="menu_index_ecogris"></div><!--menu_index_ecogris--></a><a href="#"><div id="menu_index_produtos"></div><!--menu_index_produtos--></a><a href="#"> <div id="menu_index_parceiros"></div><!--menu_index_parceiros--></a><a href="#"><div id="menu_index_contato"></div><!--menu_index_contato--></a><a href="http://www.rbsdesign.com:2095/" target="_blank"><div id="menu_index_webmail"></div><!--menu_index_webmail--></a></div><!--menu_index--><div id="fotter"><ul><li><img src="images/index/logo_footer_e.png" alt="" width="700" height="39" /></li><li><img src="images/index/logo_footer_d.png" alt="" width="200" height="65" class="logo_footer_d"/></li></ul> </div><!--fotter--></div><!--box--></body></html>style.css/* CSS Document *//*RESET*/*{margin:0;padding:0;}body{background:#FFFFFF;}/*box*/#box{width:900px;height:830px;border:2px solid #D7D7D7;background-color:#FFFFFF;margin:0 auto;}/*SUB_HEADER*/#sub_header{width:900px;height:238px;}#sub_header #logo_index{width:488px;height:130px;background:url(../images/index/logo_index.png);background-repeat:no-repeat;margin:6px;float:left;}#sub_header #restrito_index{width:200px;height:130px;background:url(../images/index/restrito_index.jpg);background-repeat:no-repeat;margin:6px 0 0 20px;float:right;}#sub_header h2{width:500px;height:50px;color:#009933;margin-left:120px;float:left;}/*HEADER*/#header{width:899px;height:256px;background:url(../images/index/logo_flash.jpg);background-repeat:no-repeat;}#header .cicle{width:460px;height:210px;overflow:hidden;padding:30px 0 0 0;margin:0 0 0 260px;}#header ul{list-style:none;}#header ul li img{margin:10px 0;}/*SEP_HEADER_INDEX*/#sep_header{width:900PX;height:46px;}/*MENU_INDEX*/#menu_index{width:695px;height:145px;margin-left:100px;}#menu_index #menu_index_ecogris{width:130px;height:145px;margin-right:10px;background:url(../images/index/menu_index_ecogris.jpg);background-repeat:no-repeat;float:left;cursor:pointer;}#menu_index #menu_index_produtos{width:130px;height:145px;margin-right:10px;background:url(../images/index/menu_index_produtos.jpg);background-repeat:no-repeat;float:left;cursor:pointer;}#menu_index #menu_index_parceiros{width:130px;height:145px;margin-right:10px;background:url(../images/index/menu_index_parceiros.jpg);background-repeat:no-repeat;float:left;cursor:pointer;}#menu_index #menu_index_contato{width:130px;height:145px;margin-right:10px;background:url(../images/index/menu_index_contato.jpg);background-repeat:no-repeat;float:left;cursor:pointer;}#menu_index #menu_index_webmail{width:130px;height:145px;background:url(../images/index/menu_index_webmail.jpg);background-repeat:no-repeat;float:left;cursor:pointer;}/*FOTTER*/#fotter{width:900px;height:145px;}#fotter ul{list-style:none;margin:0;padding:0;}#fotter ul li{display:inline;}#fotter ul img{width:700px;height:39px;float:left;margin:107px 0 0 0;}#fotter .logo_footer_d{width:200px;height:65px;float:right;margin:80px 0 0 0;}cycle_function.php$(function(){$("#header ul").cycle({fx:'fade',speed: 1500,timeout: 3000,}) })O site esta hospedado dao uma olhada:http://www.rbsdesign.com/maikel/Outra coisa:1-as imagens são de fundo transparente,só no ie não fica transparente o que poderia esta acontecendo? Editado Março 18, 2011 por romoaldoberto Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 tonzinhu Postado Abril 2, 2011 Denunciar Share Postado Abril 2, 2011 Se for IE 6 não fica transparente mesmo, tem que usar um hack com css.Outra coisa, sobre não funcionar no IE, tive justamente esse problema alguns dias atras, então a solução simples.tira a virgula (,) depois do 3000 ali.Testa e verá que vai funcionar.falora Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
romoaldoberto
Bom dia a todos.
Estou desenvolvendo um site onde no index coloquei um efeito Slideshow com 3 imagens:
1-Funciona no crome o cicle;
2-funciona no Firefox;
3-No ie não tem jeito de funciona,isso hospedado,mas já localmento funciona no ie.
Vai codigo relacionado:
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
include "scripts.php";
?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ecogrisa</title>
<link href="css/style_index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<div id="sub_header">
<div id="logo_index">
</div><!--logo_index-->
<div id="restrito_index">
</div><!--restrito_index-->
<h2>Soluções para Meio Ambiente e para sua vida.</h2>
</div><!--sub_header-->
<div id="header">
<div class="cicle">
<ul>
<li><img src="images/foto_flash_home/Flash Page - 1.png" alt="" width="460" height="200"/></li>
<li><img src="images/foto_flash_home/Flash Page - 2.png" alt="" width="460" height="200"/></li>
<li><img src="images/foto_flash_home/Flash Page - 5.gif" alt="" width="460" height="200"/></li>
</ul>
</div><!--cicle-->
</div><!--header-->
<div id="sep_header">
</div><!--sep_header-->
<div id="menu_index">
<a href="#">
<div id="menu_index_ecogris">
</div><!--menu_index_ecogris-->
</a>
<a href="#">
<div id="menu_index_produtos">
</div><!--menu_index_produtos-->
</a>
<a href="#">
<div id="menu_index_parceiros">
</div><!--menu_index_parceiros-->
</a>
<a href="#">
<div id="menu_index_contato">
</div><!--menu_index_contato-->
</a>
<a href="http://www.rbsdesign.com:2095/" target="_blank">
<div id="menu_index_webmail">
</div><!--menu_index_webmail-->
</a>
</div><!--menu_index-->
<div id="fotter">
<ul>
<li><img src="images/index/logo_footer_e.png" alt="" width="700" height="39" /></li>
<li><img src="images/index/logo_footer_d.png" alt="" width="200" height="65" class="logo_footer_d"/></li>
</ul>
</div><!--fotter-->
</div><!--box-->
</body>
</html>
style.css
/* CSS Document */
/*RESET*/
*{
margin:0;
padding:0;
}
body{
background:#FFFFFF;
}
/*box*/
#box{
width:900px;
height:830px;
border:2px solid #D7D7D7;
background-color:#FFFFFF;
margin:0 auto;
}
/*SUB_HEADER*/
#sub_header{
width:900px;
height:238px;
}
#sub_header #logo_index{
width:488px;
height:130px;
background:url(../images/index/logo_index.png);
background-repeat:no-repeat;
margin:6px;
float:left;
}
#sub_header #restrito_index{
width:200px;
height:130px;
background:url(../images/index/restrito_index.jpg);
background-repeat:no-repeat;
margin:6px 0 0 20px;
float:right;
}
#sub_header h2{
width:500px;
height:50px;
color:#009933;
margin-left:120px;
float:left;
}
/*HEADER*/
#header{
width:899px;
height:256px;
background:url(../images/index/logo_flash.jpg);
background-repeat:no-repeat;
}
#header .cicle{
width:460px;
height:210px;
overflow:hidden;
padding:30px 0 0 0;
margin:0 0 0 260px;
}
#header ul{
list-style:none;
}
#header ul li img{
margin:10px 0;
}
/*SEP_HEADER_INDEX*/
#sep_header{
width:900PX;
height:46px;
}
/*MENU_INDEX*/
#menu_index{
width:695px;
height:145px;
margin-left:100px;
}
#menu_index #menu_index_ecogris{
width:130px;
height:145px;
margin-right:10px;
background:url(../images/index/menu_index_ecogris.jpg);
background-repeat:no-repeat;
float:left;
cursor:pointer;
}
#menu_index #menu_index_produtos{
width:130px;
height:145px;
margin-right:10px;
background:url(../images/index/menu_index_produtos.jpg);
background-repeat:no-repeat;
float:left;
cursor:pointer;
}
#menu_index #menu_index_parceiros{
width:130px;
height:145px;
margin-right:10px;
background:url(../images/index/menu_index_parceiros.jpg);
background-repeat:no-repeat;
float:left;
cursor:pointer;
}
#menu_index #menu_index_contato{
width:130px;
height:145px;
margin-right:10px;
background:url(../images/index/menu_index_contato.jpg);
background-repeat:no-repeat;
float:left;
cursor:pointer;
}
#menu_index #menu_index_webmail{
width:130px;
height:145px;
background:url(../images/index/menu_index_webmail.jpg);
background-repeat:no-repeat;
float:left;
cursor:pointer;
}
/*FOTTER*/
#fotter{
width:900px;
height:145px;
}
#fotter ul{
list-style:none;
margin:0;
padding:0;
}
#fotter ul li{
display:inline;
}
#fotter ul img{
width:700px;
height:39px;
float:left;
margin:107px 0 0 0;
}
#fotter .logo_footer_d{
width:200px;
height:65px;
float:right;
margin:80px 0 0 0;
}
cycle_function.php
$(function(){
$("#header ul").cycle({
fx:'fade',
speed: 1500,
timeout: 3000,
})
})
O site esta hospedado dao uma olhada:
http://www.rbsdesign.com/maikel/
Outra coisa:
1-as imagens são de fundo transparente,só no ie não fica transparente
o que poderia esta acontecendo?
Editado por romoaldobertoLink para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.