tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Imagem que aparece por fatias.

Uma imagem cortada em fatias (pelo script).

Demo : Para rever o efeito faz: "refresh".

1. Inserir entre os tags <HEAD>...</HEAD>:

//////////////////////////////////////////////// 
var marginright
var width_slice=Math.floor(imgwidth/imgslices)
var cliptop=0
var clipbottom=imgheight
var clipleft=0
var clipright=width_slice
var spannummer=0
var spannrbefore=0

function initiate() {
	if (document.all) {
		moveslices_IE()
	}
}

function moveslices_IE() {
	var thisspan=eval("document.all.span"+spannummer+".style")
	if (thisspan.posLeft>x_finalpos-width_slice) {
		thisspan.posLeft-=step
		var timer=setTimeout("moveslices_IE()",pause)
	}
	else if (spannummer<imgslices-1) {
		clearTimeout(timer)
		thisspan.posLeft=x_finalpos
		spannummer++
		var timer=setTimeout("moveslices_IE()",pause)
	}
	else {
		thisspan.posLeft=x_finalpos
		clearTimeout(timer)
	}
}

// -->
</script>

Configurar as seguintes variaveis:

A largura da imagem
var imgwidth=265
A altura da imagem
var imgheight=90
O nome da imagem
var imgurl="imagem.gif"
A posição final horizontal da imagem
var x_finalpos=20
A posição final vertical da imagem
var y_finalpos=100
A quantidade de fatias
var imgslices=15
A velocidade
var step=50
var pause=20

2. Inserir entre os tags <BODY>...<BODY>:

3. Inserir dentro do tag <BODY>:

ANÚNCIOS