Trocar imagens e flash

[Luiz Orlandi]

Boa Tarde Galera !!!

Estou iniciando hj no fórum e gostaria de agradecer antecipadamente a atenção de todos, parado há algum tempo da área de sites e web, estou perdido por aqui e preciso da ajuda dos nossos amigos com a seguinte situação: temos um site de e-commerce em uma dessas empresas que os vende pré-fabricados, e esse site, feito em asp nos dá acesso através de TAGS Personalizadas a determinados conteúdos como no caso as imagens e flashs a serem exibidos dos produtos cadastrados no BD, porém queremos fazer um script que, após o cliente entrar em detalhes do produto resgate as imagens alternativas de acordo com as tags, assim quando ele passar o mouse sobre uma delas, ela será exibida como principal, e quando for, no caso uma delas em flash a exiba corretamente, da forma que estamos fazendo não tem dado certo porque todos os scripts prevêem uma tag <img src=""> e quando é apresentada a URL do flash ela fica quebrada na exibição. :wub:

<script type="text/javascript">

    function mudaimagem(img, menu) {

        $(menu).src = img;
        
    }
</script>

E onde é exibida a imagem:

<!--- ********BOX IMAGENS DE PRODUTOS******** -->

<td align=left valign=top>
    <table cellspacing=0 cellpadding=0 border="0" width="350">
       <tr>
               <td rowspan="4" width="300"><img id="menu" src="<ImagemProdDet>"<br></td>
       </tr>
       <tr>
               <td style=" width:100px; float:left; padding-left:10px;"><div id="ProdDetDiv"><img id="menu" src=<ImagemProdPri> onmouseover="java script:mudaimagem('<ImagemProdAmp>',this.id);" onmouseout="java script:mudaimagem('<ImagemProdDet>',this.id);" width=100></div><br></td>
       </tr>
       <tr>
               <td style=" width:100px; float:left; padding-left:10px;"><div id="ProdDetDiv"><img id="menu" src=<ImagemProdDet> onmouseover="java script:mudaimagem('<ImagemProdDet>',this.id);" onmouseout="java script:mudaimagem('<ImagemProdDet>',this.id);" width=100></div><br></td>
       </tr>
       <tr>
               <td style=" width:100px; float:left; padding-left:10px;"><div id="ProdDetDiv"><img id="menu" src=<ImagemProdAmp> onmouseover="java script:mudaimagem('<ImagemProdAmp>',this.id);" onmouseout="java script:mudaimagem('<ImagemProdDet>',this.id);" width=100></div><br></td>
       </tr>     
    </table>    
    <table width=100% align=center cellspacing=0>
       <tr>
            <td align=center><LinkAmp></td>
            <td align=center><Lancamento></td>
        </tr>
    </table>
       <br>
       <Vakinha>
       <br>
</td>-->

Sendo a descrição para TAGs personalizadas as seguintes:

<ImagemProd> - Busca a imagem principal no BD

<ImagemProdDet> - Busca a imagem do detalhe do produto no BD

<ImagemProdAmp> - - Busca a imagem ampliada do produto no BD

Em todos os casos tais imagens podem ser um arquivo flash inserido pelo pessoal de vendas, não tenho a mínima idéia de como proceder com essa separação entre imagem e flash.

Agradeço D+ a atenção e a ajuda de vocês.

Abs;

Luiz

[Tesla]

amigão, faça assim:

mudaimagem('<ImagemProdAmp>', this);

e a sua função ficaria assim:

function mudaimagem(img, menu) {

        menu.innerHTML = img;
        
    }

seu código ficaria assim...

<td style=" width:100px; float:left; padding-left:10px;"><div id="ProdDetDiv" onmouseover="mudaimagem('<ImagemProdAmp>',this);"></div><br></td>

não tenho conhecimento de ASP, mas não teria como você já passar a tag formatada pro valor no javascript? tipo se fosse imagem <img src="imagem">

creio que em server-side isso seria mais fácil

Editado Janeiro 1, 2010 por Tesla