Ir para conteúdo
Fórum Script Brasil
  • 0

Slideshow com Jquery Cicle

romoaldoberto

Perguntado por romoaldoberto,

 Share

Pergunta

romoaldoberto

romoaldoberto

Postado
Postado (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 por romoaldoberto
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0
tonzinhu

tonzinhu

Postado
Postado

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

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...