Ir para conteúdo

POWERED BY:

Arquivado

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

willwalker

de scroll em iframe...

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

willwalker    2

willwalker
Postado

Eu tenho um conteudo dentro de um iframe de 900px, mas o iframe não pode ser mais que 300px, a página fica certinha sem a barra de rolagem, mas eu preciso de um tipo de rolagem diferente. Igual a esse site http://italoborges.com/ , programado em flash, ao diminuir a janela de onde ele se encontra, ele cria 2 botões que chamaria de scroll que faz a página subir ou descer, mas eu queria fazer mais ou menos a mesma coisa só que em php. Alguem pode me ajudar em CSS ou Script ? Eu não entendo nenhum dos 2 :D.

 

Valew!!!

Abraços WILL

Haha meu primeiro post xD

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

Eu tenho um conteudo dentro de um iframe de 900px, mas o iframe não pode ser mais que 300px, a página fica certinha sem a barra de rolagem, mas eu preciso de um tipo de rolagem diferente. Igual a esse site http://italoborges.com/ , programado em flash, ao diminuir a janela de onde ele se encontra, ele cria 2 botões que chamaria de scroll que faz a página subir ou descer, mas eu queria fazer mais ou menos a mesma coisa só que em php. Alguem pode me ajudar em CSS ou Script ? Eu não entendo nenhum dos 2 :D.Valew!!!Abraços WILLHaha meu primeiro post xD

Olá,Primeiramente seja bem vindo.Segundo, veja isto: http://www.google.com.br/search?hl=pt-BR&a...oogle&meta= http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

consegui fazer direitinho do jeito que eu queria muito obrigado! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Maravilha cara, mas seria interessante você postar a solução também.Assim, se os outros usuários tiverem a mesma dúvida, encontrarão a solução.um abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

willwalker    2

willwalker
Postado

Um pequeno tutorial então xD

 

Crie um arquivo chamado scroll1.php e cole esse código entre as tags <body>

 

<iframe id="datamain" src="scroll2.php" width=220 height=300 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>

 

<layer top="308" visibility="hide">

<div style="width:150px;" align="right">

<a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0">Subir</a> <span class="style1">|</span> <a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0">Descer</a></div>

</layer>

Você irá notar que ele criou um iframe e uma ilayer com 2 botões.

 

Agora crie o arquivo chamado scroll2.php, e insira esse conteúdo (script) antes do código de todo o site, antes da tag <html>, ou como disse o Leandro Vieira Pinho em um arquivo externo (arquivo.js).

 

<script language="JavaScript1.2">

 

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

 

function initialize(){

if (window.parent.scrollspeed!=0){

speed=window.parent.scrollspeed

scrollwindow()

}

}

 

function scrollwindow(){

temp=(document.all)? document.body.scrollTop : window.pageYOffset

alt=(alt==0)? 1 : 0

if (alt==0)

curpos1=temp

else

curpos2=temp

 

window.scrollBy(0,speed)

}

 

setInterval("initialize()",10)

 

</script>

Agora crie outro Iframe. Dentro desse iframe coloque o conteudo que deseja, mas lembre-se que o iframe do scroll1.php tem que ser do mesmo támanho ou 5px maior que o iframe do scroll2.php, para que apareça correto os conteúdos.

 

Você tambem pode fazer as mesmas coisas em arquivos.html, ficando scroll1.html e scroll2.html, que funcionaram da mesma maneira e você poderá testar localmente. Eu prefiro php, porque posso usar

 

<?php include "arquivo.php"; ?>

 

Atualizado - 25/11/2006 às 13:02PM

 

Caso tenha problemas em fazer o tutorial, pegue os arquivos dessa aula aqui:

 

http://rapidshare.com/files/4776588/Aula_Scroll.rar.html

 

Como baixar no rapidshare ?

Entre no link desça a página e clique em FREE.

Espere a contagem regreciva, e depois digite no campo o que aparece na imagem para efetuar o download. Bom proveito :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

Maravilha cara, isso aí.Só um detalhe, nesta parte:"Agora crie o arquivo chamado scroll2.php, e insira esse conteúdo antes do código de todo o site, antes da tag <html>"O correto seria: colocar o conteúdo (o script) dentro da tag head ou localizado em um arquivo externo (.js).Um abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

willwalker    2

willwalker
Postado

Alguem pode me ajudar em outra dúvida ? Sabe esse site www.templatemonster.com ? Entra nesse link http://www.templatemonster.com/category.ph...p;x=38&y=12 , quando você coloca o mouse em cima da imagem, ele abre um pequeno popup que carrega outra imagem, eu quero fazer da mesma forma, tem ideia de como que eu posso procurar isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mezy    0

Mezy
Postado

olá!! willwalker... tentei fazer seu tutorial mas não deu certo não ^^"me responde uma coisa...eu crio o scrolling2.php (ou .html) e nele coloco o JS e um iframe apontando pro meu conteúdo certo!?!e dps pra testar abro o arquivo scrolling1.php (ou .html) né?!!?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito