Ir para conteúdo

POWERED BY:

Arquivado

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

Gabriel123

[Resolvido] Como inserir imagens diferentes numa mesma pagina?

Recommended Posts

Bom galera meu problema é o seguinte sou novo no php =]] e to precisando do seguinte: tenho uma pagina index.php fixa e nela tem uma (div id=conteúdo) onde abre os coteúdos ao clicar nos botões do menu através de includes, tipo tem hall da fama q abre hall.php, rolar de rir q abre rir.php ........, cada página ao abrir carrega figuras iguais nas otras divs(pois é fixa é igual a index) só muda mesmo na div conteúdo então o q quero é q cada pagina tenha cor diferente, tipo a index é amarela e as imagens nela tbm e ao clicar no menu hall quero q as cores mudem pra verde e assim vai, ao clicar em rir fica azul e ....... bom acho q deu pra entender o q quero né? ja troquei as cores das imagens e criei as pastas assim (imagens , imagens_azul, imagens_verde.......) agora quero saber como fica o codigo php pra carregar as imagens e mudar as cores do css da pagina pra q fique da cor das imagens, tem como fazer? me disseram q era por switch + tentei e n consegui se alguém puder da uma ajudinha =]] fico grato.

Compartilhar este post


Link para o post
Compartilhar em outros sites

la vai o codigo =X

<body onLoad="MM_preloadImages('images/roma_on.gif','images/hall_on.gif','images/pbr_on.gif','images/ph_vid_on.gif','images/ag_on.gif','images/cont_on.gif','images/loja_on.gif')">

<table width="824" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td height="470" colspan="11" background="images/topo.jpg"> </td>

</tr>

<tr>

<td width="24" height="33"> </td>

<td width="1" background="images/l_m.gif"></td>

<td width="131" background="images/roma.gif"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/roma_on.gif',1)"><img src="images/roma.gif" name="Image1" width="131" height="33" border="0"></a></td>

<td width="108" background="images/hall.gif"><a href="index.php?menu=hall" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/hall_on.gif',1)"><img src="images/hall.gif" name="Image2" width="108" height="33" border="0"></a></td>

<td width="137" background="images/pbr.gif"><a href="index.php?menu=rir" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/pbr_on.gif',1)"><img src="images/pbr.gif" name="Image3" width="137" height="33" border="0"></a></td>

<td width="137" background="images/ph_vid.gif"><a href="index.php?menu=medias" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/ph_vid_on.gif',1)"><img src="images/ph_vid.gif" name="Image4" width="137" height="33" border="0"></a></td>

<td width="84" background="images/ag.gif"><a href="index.php?menu=agenda" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/ag_on.gif',1)"><img src="images/ag.gif" name="Image5" width="84" height="33" border="0"></a></td>

 

<td width="85" background="images/cont.gif"><a href="index.php?menu=contato" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/cont_on.gif',1)"><img src="images/cont.gif" name="Image6" width="85" height="33" border="0"></a></td>

<td width="106" background="images/loja.gif"><a href="index.php?menu=loja" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/loja_on.gif',1)"><img src="images/loja.gif" name="Image7" width="106" height="33" border="0"></a></td>

 

<td width="1" background="images/r_m.gif"></td>

<td width="10"> </td>

</tr>

<tr>

<td colspan="11"><table width="824" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="24"> </td>

<td width="1" bgcolor="#ad52a7"></td>

<td width="596" align="center" valign="top" bgcolor="#FFFE0E"><br>

<br>

 

<div id="conteudo">

<?php

if(isset($_GET["menu"])){

$menu=$_GET["menu"];

include($menu.".php");

}else{

include("home.php");

 

}

?>

</div>

 

</td>

<td width="1" bgcolor="#d2c400"></td>

<td width="191" align="center" valign="top" bgcolor="#FFFE0E"><br>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13"> </td>

<td width="81" rowspan="2" valign="bottom"><img src="images/tag.gif" width="81" height="17"></td>

<td> </td>

</tr>

<tr>

<td width="13" height="15" valign="bottom" background="images/chess.gif"></td>

<td height="15" valign="bottom" background="images/chess.gif"></td>

</tr>

</table>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13"></td>

<td valign="top" align="left"><img src="images/tag2.gif" width="81" height="5"></td>

</tr>

</table>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13" align="left" valign="top"><img src="images/arrow.gif" width="9" height="8"></td>

<td width="146" align="left" valign="top">XXXXXXXXXXXXXXXXXXX

<a href="#"><br>

<br>

</a></td>

</tr>

<tr>

<td width="13" align="left" valign="top"><img src="images/arrow.gif" width="9" height="8"></td>

<td align="left" valign="top">Neste Domingo 11/01/2008<br>

XXXXXXXXXXX <br>

XXXXXXXXXX<br>

<br></td>

</tr>

<tr>

<td width="13" align="left" valign="top"><img src="images/arrow.gif" width="9" height="8"></td>

<td align="left" valign="top">Neste Domingo 21/12/2008<br>

XXXXXXXXXXXX <br>

XXXXXXXXXXX<br>

<br></td>

</tr>

<tr>

<td width="13" align="left" valign="top"><img src="images/arrow.gif" width="9" height="8"></td>

<td align="left" valign="top">Neste Domingo 16/11/2008<br>

XXXXXXXX <br>

XXXXXXXXX<br>

<br> </td>

</tr>

 

<tr>

<td align="left" valign="top"> </td>

<td align="right" valign="top"><a href="index.asp?menu=agenda" class="link1">Ver Todas »</a></td>

</tr>

</table>

<br>

<table width="191" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="14" height="14"><img src="images/c3.gif" width="14" height="14"></td>

<td width="163"> </td>

<td width="14" height="14"><img src="images/c4.gif" width="14" height="14"></td>

</tr>

<tr>

<td height="1" colspan="3" bgcolor="#ded000"></td>

</tr>

<tr>

<td width="14" height="14"><img src="images/c1.gif" width="14" height="14"></td>

<td width="163"> </td>

<td width="14" height="14"><img src="images/c2.gif" width="14" height="14"></td>

</tr>

</table>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13"> </td>

<td width="122" rowspan="2" valign="bottom"><img src="images/tloja.gif" width="122" height="17"></td>

<td> </td>

</tr>

<tr>

<td width="13" height="15" valign="bottom" background="images/chess.gif"></td>

<td height="15" valign="bottom" background="images/chess.gif"></td>

</tr>

</table>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13"></td>

<td valign="top" align="left"><img src="images/tloja2.gif" width="122" height="4"></td>

</tr>

</table>

<br>

<table width="126" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="128" align="center" valign="middle" bgcolor="#d6cb02"><img src="images/cd.gif" width="124" height="126"></td>

</tr>

</table>

<br>

<table width="126" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="left"><a href="index.asp?menu=agenda">CD <br>

Um Show de Alegria<br>

De: R$ 35,00<br>

Por: 18,90</a></td>

</tr>

</table>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="1" background="images/dotw.gif"></td>

</tr>

</table>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="right"><a href="#" class="">Confira outros produtos »</a></td>

</tr>

</table>

<br>

<table width="191" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="14" height="14"><img src="images/c3.gif" width="14" height="14"></td>

<td width="163"> </td>

<td width="14" height="14"><img src="images/c4.gif" width="14" height="14"></td>

</tr>

<tr>

<td height="1" colspan="3" bgcolor="#ded000"></td>

</tr>

<tr>

<td width="14" height="14"><img src="images/c1.gif" width="14" height="14"></td>

<td width="163"> </td>

<td width="14" height="14"><img src="images/c2.gif" width="14" height="14"></td>

</tr>

</table>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13"> </td>

<td width="128" rowspan="2" valign="bottom"><img src="images/tnwes.gif" width="128" height="16"></td>

<td> </td>

</tr>

<tr>

<td width="13" height="15" valign="bottom" background="images/chess.gif"></td>

<td height="15" valign="bottom" background="images/chess.gif"></td>

</tr>

</table>

<br>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="13" align="left" valign="top"><img src="images/arrow.gif" width="9" height="8"></td>

<td width="146" align="left" valign="top">Cadastre-se e receba no seu

e-mail novidades sobre shows,

agenda, idas e muito mais.<br>

<br></td>

</tr>

</table>

<table width="167" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="left">Nome:<br>

 

<input type="text" name="nome" id="nome">

<br>

<br>

Email:<br>

<input type="text" name="email" id="email">

<br>

<br>

<label>

<input type="image" name="imageField" id="imageField" src="images/but_enviar.gif">

</label></td>

</tr>

</table> </td>

<td width="1" bgcolor="#ad52a7"></td>

<td width="10"> </td>

</tr>

</table>

<table width="824" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="24"> </td>

<td width="790" bgcolor="#FFFE0E"><table width="790" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="17" height="17" rowspan="2"><img src="images/cg3.gif" width="17" height="17"></td>

<td height="16"><table width="756" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="580"> </td>

<td width="1" bgcolor="#d2c400"></td>

<td width="175" height="16"> </td>

</tr>

</table></td>

<td width="17" height="17" rowspan="2"><img src="images/cg4.gif" width="17" height="17"></td>

</tr>

<tr>

<td height="1" bgcolor="#ad52a7"></td>

</tr>

</table></td>

<td width="10"> </td>

</tr>

</table></td>

</tr>

 

<tr>

<td height="43" colspan="11"><table width="720" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td align="left">© Copyright 2009 </td>

<td align="right">Desenvolvido por <a href="#" target="_blank">XXXXXX</a></td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

Bom ta ai o codigo como estao vendos é tabelas =X , pq me passaram assim pra fazer, como podem ver foi fatiado as imagens então o q quero e q sei q da pra fazer só q eu n sei fazer ^^, é q cada menu ao ser clicado mude as cores das imagens, me disseram q é só fazer um switch + n consegui, se alguém puder da uma luz =X, as imagens são iguais só q claro de cores diferentes fui no fotoshop e mudei as cores!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

humm..tu vai ter fazer um sistema parecido com de temas ou seja, pode salvar um cookie ou uma sessions com o nome da pagina numa varialvel tipo $tema

 

 

depois resgatar essa varialvel e aplicar em cima do endereço das imagens!

 

<td width="17" height="17" rowspan="2"><img src="images/<?=$tema?>_4.gif" width="17" height="17"></td>

 

oq iria imprimir

<td width="17" height="17" rowspan="2"><img src="images/amarelo_4.gif" width="17" height="17"></td>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Substitua seu cód. aqui:

<?php
if(isset($_GET["menu"])){
$menu=$_GET["menu"];
include($menu.".php");
}else{
include("home.php");

}
?>
</div>

Por este aqui:

<?php
	switch(isset($_GET["menu"]){
		
		case 'hall':
				
				include("hall.php");
				$tema = "amarelo"	
		break;
		
		case 'rir':
				
				include("rir.php");
				$tema = "azul"	
		break;

								case 'nome_da_pagina_camada':
				
				include("paginachamada.php");
				$tema = "cor_do_seu_tema"	
		break;

	}
include("home.php");
?>
E você faz que nem o Erick disse:

<td width="17" height="17" rowspan="2"><img src="images/<?=$tema?>_4.gif" width="17" height="17"></td>

Compartilhar este post


Link para o post
Compartilhar em outros sites

paulo testei do jeito q você falo ai n tava abrindo os menus ai fiz assim!!!!

 

<html>

<?php

switch (isset ($_GET["menu"])){

case 'hall':

$cor = "azul";

break;

case 'rir':

$cor = "verde";

break;

case 'medias':

$cor = "vermelho";

break;

case 'agenda':

$cor = "verde";

break;

case 'contato':

$cor = "verde";

break;

case 'loja':

$cor = "verde";

break;

default:

$cor = "amarelo";

break;

}

?>

<body>

//ai vem os menus

<td width="108" background="images/hall.gif"><a href="index.php?menu=hall" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/hall_on.gif',1)">

//outros menus ....

//ai nas imagens fiz como você falaram coloquei <? =$cor ?>

<td width="81" rowspan="2" valign="bottom"><img src="images/<?=$cor?>_tag.gif" width="81" height="17"></td>

<div id conteudo>

<?php

if(isset($_GET["menu"])){

$menu=$_GET["menu"];

include($menu.".php");

}else{

include("home.php");

 

}

?>

</div>

</body>

</html>

 

*n da erro quando exibe + tbm n mostra as imagens =X...

Compartilhar este post


Link para o post
Compartilhar em outros sites

dá uma olhada no código html que foi gerado e vê se os links para as imagens estao corretos

Compartilhar este post


Link para o post
Compartilhar em outros sites

Altere os destaques em negrito:

 

<html>

<?php

switch (!empty($_GET['menu'])){

case 'hall':

$cor = "azul";

break;

case 'rir':

$cor = "verde";

break;

case 'medias':

$cor = "vermelho";

break;

case 'agenda':

$cor = "verde";

break;

case 'contato':

$cor = "verde";

break;

case 'loja':

$cor = "verde";

break;

default:

$cor = "amarelo";

break;

}

?>

<body>

//ai vem os menus

<td width="108" background="images/hall.gif"><a href="index.php?menu=hall" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/hall_on.gif',1)">

//outros menus ....

//ai nas imagens fiz como você falaram coloquei <? =$cor ?>

<td width="81" rowspan="2" valign="bottom"><img src="images/<? echo $cor; ?>_tag.gif" width="81" height="17"></td>

<div id conteudo>

<?php

if(isset($_GET["menu"])){

$menu=$_GET["menu"];

include($menu.".php");

}else{

include("home.php");

 

}

?>

</div>

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

aew consegui carregar as imagens =]] vlw a ajuda fico assim o codigo hoo....

<?php

if(isset($_GET['menu'])){

switch ($_GET['menu']){

case 'hall':

$cor = "azul";

break;

case 'rir':

$cor = "verde";

break;

case 'medias':

$cor = "vermelho";

break;

case 'agenda':

$cor = "verde";

break;

case 'contato':

$cor = "verde";

break;

case 'loja':

$cor = "verde";

break;

default:

$cor = "amarela";

break;

}

}else{

$cor="amarela";

}

?>

<html>

<head>

<title>

</title>

</head>

</body>

<td width="131" background="images/alex.gif"><a href="index.php?menu=home" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/alex_on.gif',1)"><img src="images_<?=$cor;?>/anjo.gif" name="Image1" width="131" height="33" border="0"></a></td>

<td width="108" background="images/hall.gif"><a href="index.php?menu=hall" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/hall_on.gif',1)"><img src="images_<?=$cor;?>/hall.gif" name="Image2" width="108" height="33" border="0"></a></td>

//otros menus ......

//outras imagens.....

<div id=conteudo>

<?php

if(isset($_GET["menu"])){

$menu=$_GET["menu"];

include($menu.".php");

}else{

include("home.php");

 

}

?>

<td width="81" rowspan="2" valign="bottom"><img src="images_<?=$cor;?>/tag.gif" width="81" height="17"></td>

//ai vem rodape ......

</body>

</html>

 

Até que era simples mas deu trabalho =// , bom agora é o seguinte (hehe pedir ajuda nunca é d + ^^)preciso agora mudar o backgroud da página para cada menu pra ficar igual a cor das imagens claro ^^, tem idéia como faço pra chamar o css de cada menu?

e agradeço ai aos colaboradores q estão ajudano =]] vlw paulo e galera ^^^, + n cabo n hem =X

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.