Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de slide igual da UOL

14-01-2008 00:05

Para quem precisa de um script de slide parecido com o da UOL, com transição entre as figuras, use o seguinte script:

* O script tem como base os scripts do link abaixo
http://www.brainerror.net/scripts/javas ... lendtrans/

Outra versão de script de slide igual da UOL
DOWNLOAD

<script type="text/javascript"> window.onload = function() { imagens = new Image(); // em cada linha abaixo, coloque as figuras a serem usadas // para carregarem mais rápidas imagens.src="figura1.jpg"; imagens.src="figura2.jpg"; } function changeOpac(opacity, id) { var object = document.getElementById(id).style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; } function blendimage(divid, imageid, imagefile, millisec) { var speed = Math.round (millisec / 100); var timer = 0; document.getElementById (divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; changeOpac(0, imageid); document.getElementById(imageid).src = imagefile; for(i = 0; i <= 100; i++) { setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); timer++; } } </script> <style type="text/css"> .div_carrega{ background-image:url(fundo.jpg); width: 200px; height: 200px; } .div_img{ width: 200px; height: 200px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } </style> <div class="div_carrega" id="blenddiv"><img src="fundo.jpg" class="div_img" id="blendimage"></div> <a href="javascript:blendimage('blenddiv','blendimage', 'figura1.jpg',500)">figura 1</a> <a href="javascript:blendimage('blenddiv','blendimage', 'figura2.jpg',500)">figura 2</a>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado