Oi meu nome é Roger e eu gostaria de saber se tem como fazer uma tabela que tenha algumas fotos do lado direito, que ao clicar em aguma delas apareça no lado esquerdo dentro de um iframe, ou alguma dica que seja parecida com oquê eu quero...
Obrigado pela atenção...
Roger
Iframe Dreamweaver
Started By bressa, 25/05/2005, 18:38
3 replies to this topic
#1
Posted 25/05/2005, 18:38
#2
Posted 25/05/2005, 21:04
você cria um iframe com o nome de '_abrefotos'(por exemplo)
e na foto da direita poe '_abrefotos' na target do link..
FUI!
e na foto da direita poe '_abrefotos' na target do link..
FUI!
#3
Posted 28/05/2005, 00:41
Roger,Oi meu nome é Roger e eu gostaria de saber se tem como fazer uma tabela que tenha algumas fotos do lado direito, que ao clicar em aguma delas apareça no lado esquerdo dentro de um iframe, ou alguma dica que seja parecida com oquê eu quero...
Obrigado pela atenção...
Roger
Eu desenvolvi um site pra uma empresa e usei camadas,
da uma olhadinha aqui se lhe servir eu lhe passo o esquema! (link fotos)
#4
Posted 28/05/2005, 11:08
Olha eu uso esse script q é muito bom!
modifique só as partes em vermelho
<script language="javascript">
<!--
function imagem(arquivo) {
document.getElementById("imagem").src=arquivo;
}
//-->
</script>
<div style="position: absolute; top: 66; left: 410; width: 306; height: 296">
<table border=0 width="92%" height="294">
<tr>
<td width="5%" align="center" height="62" bordercolor="#FFFFFF">
<div style="overflow: scroll; width: 400; height: 85; position:absolute; left: 2; top:1">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber2">
<tr>
<td width="4%">
<img class="hand" src="suaminiatura.jpg" onclick="imagem('suaimagemgrande.jpg');" width="100" height="62"></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="100%" height="224" align="center"><p style="margin-top: 0; margin-bottom: 0">
<p style="margin-top: 0; margin-bottom: 0">
<p style="margin-top: 0; margin-bottom: 0">
<img src="suaprimeiraimagem.jpg" id="imagem" width="360" height="260" ></td>
</tr>
</table>
</div>
Espero ter ajudado
modifique só as partes em vermelho
<script language="javascript">
<!--
function imagem(arquivo) {
document.getElementById("imagem").src=arquivo;
}
//-->
</script>
<div style="position: absolute; top: 66; left: 410; width: 306; height: 296">
<table border=0 width="92%" height="294">
<tr>
<td width="5%" align="center" height="62" bordercolor="#FFFFFF">
<div style="overflow: scroll; width: 400; height: 85; position:absolute; left: 2; top:1">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber2">
<tr>
<td width="4%">
<img class="hand" src="suaminiatura.jpg" onclick="imagem('suaimagemgrande.jpg');" width="100" height="62"></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="100%" height="224" align="center"><p style="margin-top: 0; margin-bottom: 0">
<p style="margin-top: 0; margin-bottom: 0">
<p style="margin-top: 0; margin-bottom: 0">
<img src="suaprimeiraimagem.jpg" id="imagem" width="360" height="260" ></td>
</tr>
</table>
</div>
Espero ter ajudado
Hay quién apuesta fuerte y decide quererte,
sabiendo lo fácil que resulta perderte...
sabiendo lo fácil que resulta perderte...
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)










