Ir para conteúdo

Arquivado

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

Kevin_Rap

menu de imagems no Dreamweaver MX

Recommended Posts

Olá pessoal,estou desenvolvendo um site pessoal e gostaria de saber se vcs podem me tirar algumas dúvidas.1º - Estou construindo o meu site pessoal com diversas fotos, estou querendo colocar diversas imagems pequenas em uma página e um botão "avançar" e "recuar" seria mais ou menos assim: ficaria exposta umas 5 imagems uma do lado da outra em forma de tira e quando a pessoa pressionasse o botão avançar iria para frente revelando as outras imagems e o botão recuar faria o inverso. 2º - este menu de fotos ficaria no topo da página e na parte direita da página terá um quadrado em que quando a pessoa clicar sobre uma das imgems do menu aparecerá neste quandrado esta mesma imagem selecionada em uma resolução um pouco maior.3º - quando o visitante clicar em uma das pequenas imagems contidas no menu que está no top aparecerá no lado direito onde está o quadrado a imagem um pouco maior OK, e no lado esquerdo aparecerá em um outro quadrado a descrição daquela imagem.4º - e pra finalizar esta loucura toda eu queria que o visitante do site pudesse clicar naquela imagem que está no quadrado da direita abrindo assim uma janela pop-up com aquela determinada imagem em uma resolução maior e sem as barras do navegador.Bom é isso uma página digamos que na parte superior os menus com as figuras botão avançar e recuar, na direita as imagems com opção de serem clicadas abrindo assim uma pop-up e na esquerda a descrição da imagem aberta.Um amigo me disse que talvez fosse possível fazer este procedimento através de Iframes, mais ele também não sabe exatamente como fazer isto.Tenho certeza de que aqui eu conseguirei esta solução ou alguma idéia que possa ser compatível com este projeto :lol: .OBS: Caso o código seja muito extenso e alguém quiser enviar diretamente por e-mail fiquem avontade.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte, acho que o que você deseja é iframe, é algo parecido com frame mas você não usa as molduras, entende??Se souber mexer nisso, beleza, se não osuber, dá um retorno ae... ou espere alguém mais passar maid detalhes.. aliás, kd o Babu... é meio fera em iframes.. dá um grito p/ ele ai![]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Blza Rodney, eu andei dando umas pesquisadas e realmente é o iframe o salvador da pátria pelo menos no meu caso hehehe, pois é cara eu gostaria de mais algumas explicações a respeito deste código andei olhando no fórum e encontrei algumas respostas que me foram bastante úteis, FALA BADUUUUUUUUUU hehehe, é ai veio será que você pode dar uma força pro seu camarada aqui que está meio enrolado B) .valeu Rodney se tiver mais algumas dicas sobre iframe me dá um toque já que eu pretendo utilizar bastante este recurso. Vou continuar pesquisando aqui :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,Esse é o exemplo postadopelo babu:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>:: Exemplo - Coluna 33 - iFrame ::</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table width="500" height="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" background="bg.gif"> <tr> <td><table width="480" height="228" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="103"><div align="center"><a href="images/01_jpg.jpg" target="main"><img src="thumbnails/01_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td width="82"><div align="center"><a href="images/02_jpg.jpg" target="main"><img src="thumbnails/02_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td width="298" rowspan="4"><br> <table width="251" height="188" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"> <div align="center"> <table width="207" height="138" border="0" cellpadding="0" cellspacing="0"> <tr> <td><iframe name="main" leftmargin=0 topmargin=0 marginWidth=0 marginHeight=0 frameBorder=0 width=207 height=138 scrolling=no></iframe></td> </tr> </table> </div></td> </tr> </table></td> </tr> <tr> <td><div align="center"><a href="images/03_jpg.jpg" target="main"><img src="thumbnails/03_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td><div align="center"><a href="images/04_jpg.jpg" target="main"><img src="thumbnails/04_jpg.jpg" width="72" height="48" border="1"></a></div></td> </tr> <tr> <td><div align="center"><a href="images/05_jpg.jpg" target="main"><img src="thumbnails/05_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td><div align="center"><a href="images/06_jpg.jpg" target="main"><img src="thumbnails/06_jpg.jpg" width="72" height="48" border="1"></a></div></td> </tr> <tr> <td><div align="center"><a href="images/07_jpg.jpg" target="main"><img src="thumbnails/07_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td><div align="center"><a href="images/08_jpg.jpg" target="main"><img src="thumbnails/08_jpg.jpg" width="72" height="48" border="1"></a></div></td> </tr> </table></td> </tr></table></body></html>[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eh iframe ruleia usa ele no quadrado das fotinhas tb e dae bota um scroll horizontal em js =)

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.