Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bone

Album+ Rollover ...

Recommended Posts

ae pessoal ..

queria fazer uma janela estilo a

desse site http://www.fieldesigner.cjb.net/

.. quando passamos o mouse na imagem

ele aparece maior .. mas ao mesmo tempo quero que as imagens

menores estejam em um rollover eae alguem pode

passar o código pra mim ???

 

 

VLW !! ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tb estou curioso para ver como é feito!existe algum extensão para DW para rolar na horizontal para aparecer a explicação de cada imagem, como no site.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,

'abaixo, tem o codigo do efeito de fato, ou seja, o que é mostrado no site, veja:

<table background="imgsport/bgobs.gif" style="background-attachment : fixed; background-repeat : no-repeat;" cellspacing="0" width="396" height="80" cellpadding="0" border="0">

<tr>

<td>

<div class="testoaciona" id="linkex" style="position: visibility: hidden; width=0; font-size: 10px; font-family: verdana, arial, Helvetica, sans-serif; background-color: #F6F6F6; color: Gray;"></div>

<Layer bgcolor="#F6F6F6" name="linkex" visibility="hide" width="366"></Layer></td>

</tr>

</table>

 

Veja se é esse o script:

<script>

y = 0;

VOK2 = false;

VOK = false;

TTop = 0;

TBot = 0;

ns4 = (document.layers)? true:false

ie4 = (document.all)? true:false

ns6 = !ns4 & !ie4

rolagem = 0;

var Layer5;

 

function w(txt) {

document.a.b.value= txt;

}

 

function moveBy(obj,x,y) {

obj.xpos += x

obj.left = obj.xpos

obj.ypos += y

obj.top = obj.ypos

}

 

function moveTo(obj,x,y) {

obj.xpos = x

obj.left = obj.xpos

obj.ypos = y

obj.top = obj.ypos

}

 

function SBot() {

if(VOK2) {

if (parseInt(Layer5.left) < 0) {

moveBy(Layer5, 5, 0)

} else {

moveTo(Layer5, 0, 0)

}

TBot=setTimeout("SBot()",50)

}

}

 

function STop2() {

if(VOK) {

if (parseInt(Layer6.top) < 0) {

moveBy(Layer6, 0, 1)

// moveBy(Botao, 0, -rolagem);

}

TTop=setTimeout("STop2()",50)

}

}

 

function STop() {

if(VOK2) {

if (parseInt(Layer5.left) > -440) {

moveBy(Layer5, -5, 0)

} else {

moveTo(Layer5, -440, 0)

// (-140) define o tamanho do quadro de imgs a ter rolagem "moto layer5 e layer left tb";

}

TTop=setTimeout("STop()",50)

}

}

 

function SBot2() {

if(VOK) {

if (parseInt(Layer6.altura+Layer6.ypos) > 115) {

moveBy(Layer6, 0, -1)

// moveBy(Botao, 0, rolagem);

}

TBot=setTimeout("SBot2()",50)

}

}

</SCRIPT>

 

<script>

<!--

function init() {

VOK2 = true;

if (ns6) {

Layer5 = document.getElementById("Layer5span").style;

moveTo(Layer5, 0, 0);

}

if (ie4) {

Layer5 = document.all.Layer5span.style;

moveTo(Layer5, 0, 0);

}

Layer5.xpos = parseInt(Layer5.left)

Layer5.ypos = parseInt(Layer5.top)

Layer5.yini = Layer5.ypos

}

 

function init2(strLayer1, strLayer2) {

VOK = true;

if (ns6) {

Layer6 = document.getElementById(strLayer2).style;

// Layer6 = document.layers[strLayer1].layers[strLayer2];

// Botao = document.layers["botaorolagem"];

// Barra = document.layers["bgrolagem"];

moveTo(Layer6, 0, 0);

// moveTo(Botao, Botao.left, 47);

}

if (ie4) {

Layer6 = eval(strLayer2).style;

// Botao = botaorolagem.style;

// Barra = bgrolagem.style;

moveTo(Layer6, 0, 0);

// moveTo(Botao, Botao.left, 47);

}

Layer6.xpos = parseInt(Layer6.left)

Layer6.ypos = parseInt(Layer6.top)

Layer6.altura = parseInt(Layer6.height)

Layer6.yini = Layer6.ypos

// Botao.xpos = parseInt(Botao.left)

// Botao.ypos = parseInt(Botao.top)

// Botao.yini = Botao.ypos

// Barra.altura = parseInt(Barra.height);

// Botao.altura = parseInt(Botao.height);

// rolagem = (Barra.altura-Botao.altura) / (parseInt(Layer6.altura) - 110);

}

//-->

 

</SCRIPT>

 

 

Agor,a notei que tem um arquivo em .js!!

Dai, irei somente enviar a url de baixar o arquivo, depois verifique o que tem!

http://www.fieldesigner.com.br/empresarial.js

 

[]s

Rodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.