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

Fotos seguidas

gadreis2000

Perguntado por gadreis2000,

 Share

Pergunta

3 respostass a esta questão

Posts Recomendados

  • 0
Studio BSB

Studio BSB

Postado
Postado

Utilize a bibliote Jquery estou enviado um exemplo de banner randomico que pode ser adaptado para suas fotos

var time = 90;

var width = 475;

var height = 94;

var div = "banner";

var qtdbanner = 1;

var imagem=new Array()

imagem[0] = "img/banner/banner1.png";

imagem[1] = "img/banner/banner2.png";

imagem[2] = "img/banner/banner3.jpg";

var end=new Array()

end[0] = "img/layout/novo1.png";

end[1] = "";

end[2] = "";

var att= new Array()

att[0] = "http://www.google.com";

att[1] = "sistemas/end.php";

att[2] = "http://www.globo.com/";

var tipoatt= new Array()

tipoatt[0] = "popup";

tipoatt[1] = "_blank";

tipoatt[2] = "_blank";

function sessionPrimTimeExtra(i){

maxsessionlifetime = time;

var str = "<a href=\"http://www.limitedapropriedadedaterra.org.br/\" target=\"_blank\"><img src=\"arquivos/1882243378.jpg\" width=\"305\" height=\"60\" border=\"0\"></a>";

$j("#"+div+"").html(str);

}

function sessionTimeExtra(i){

maxsessionlifetime = time;

if(i == 0){

var str = "<a href=\"http://www.google.com.br/\" target=\"_blank\"><img src=\"arquivos/1882243378.jpg\" width=\"305\" height=\"60\" border=\"0\"></a>";

}

if(i == 1){

var str = "<a href=\"http://www.uol.com.br\" target=\"_blank\"><img src=\"img/banner/jsaber.png\" width=\"305\" height=\"60\" border=\"0\"></a>";

}

$j("#"+div+"").html(str);

}

function sessionTimeout(i){

if (maxsessionlifetime == 0){

sessionTimeExtra(i)

i++;

}

maxsessionlifetime--;

if(i > qtdbanner){

i = 0;

}

setTimeout("sessionTimeout("+i+")",time);

}

Link para o comentário
Compartilhar em outros sites
  • 0
gadreis2000

gadreis2000

Postado
  • Autor
Postado

OLa. O que eu estava querendo é isto;

<!doctype html>

<html>

<head>

<title>JQuery Cycle Plugin - Example Slideshow</title>

<style type="text/css">

.slideshow { height: 232px; width: 232px; margin: auto }

.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

</style>

<!-- include jQuery library -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<!-- include Cycle plugin -->

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

<!-- initialize the slideshow when the DOM is ready -->

<script type="text/javascript">

$(document).ready(function() {

$('.slideshow').cycle({

fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...

});

});

</script>

</head>

<body>

<div class="slideshow">

<img src="img/1.jpg" width="200" height="200" />

<img src="img/22.jpg" width="200" height="200" />

<img src="img/123.jpg" width="200" height="200" />

<img src="img/Imagem2.emf" width="200" height="200" />

<img src="img/2.gif" width="200" height="200" />

</div>

</body>

</html>

tirado do site http://malsup.com/jquery/cycle/

Obrigado mesmo assim.

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,3k
    • Posts
      652,4k
×
×
  • Criar Novo...