Ir para conteúdo
paulaodaregulage

Exibir informações sobre as imagens automaticamente(sem passar o mouse em cima)

Recommended Posts

Boa noite Srs...

por favor!!

eu gostaria q minha planilha exibisse informações sem precisar colocar  o mouse em cima.

SENDO Q...UMA INFORMAÇÃO EXIBIDA  N PODE CONFLITAR COM A OUTRA(POIS ELAS ESTÃO PRÓXIMAS)

<script type="text/javascript" src="js/wz_tooltip.js"></script>

<TABLE>
  <TR>
    <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 1')" onmouseout="UnTip()"><IMG SRC='IMAGEM1.PNG'></FONT></TD>  
      <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 2')" onmouseout="UnTip()"><IMG SRC='IMAGEM2.PNG'></FONT></TD> 
       <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 3')" onmouseout="UnTip()"><IMG SRC='IMAGEM3.PNG'></FONT></TD> 
  </TR>
  <TR>
    <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 4')" onmouseout="UnTip()"><IMG SRC='IMAGEM4.PNG'></FONT></TD> 
       <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 5')" onmouseout="UnTip()"><IMG SRC='IMAGEM5.PNG'></FONT></TD> 
          <TD><font size='2' style="color:BLUE" onmouseover="Tip('IMAGEM 6')" onmouseout="UnTip()"><IMG SRC='IMAGEM6.PNG'></FONT></TD> 
  </TR>
  <!--...-->
  <TR>
    <TD>IMAGEM ..</TD><TD>IMAGEM 1...</TD><TD>IMAGEM ..</TD><TD>IMAGEM 1...</TD><TD></TD>
  </TR>
</TABLE>


      
      

 

 

SERÁ Q O ÚNICO JEITO É FAZER A CONFIGURAÇÃO NA MARRA MESMO??

USANDO 

<DIV ID='IMAGEM1'> 

PARA CADA UM DELES E USAR O

<STYLE> #IMAGEM1{MARGIN: X X X X;}</STYLE>

     ??????????

 

 

este é um exemplo...

mas o meu caso real tem varias informações na minha planilha,e se eu fizesse uma de cada vez  o div seria um caos,

qria saber se tem alguma exibição que  o javascript ou algo do tipo possa fazer....

(exibir automaticamente informações dessas imagens,sem precisar colocar o mouse em cima...)

 

 

obs.:lembrando q uma imagem está próxima da outra...a solução seria  exibir informações sobre ou sob elas ,e n conflitar com a informação da imagem ao lado...

 

vlwww ....

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por RSN
      Boa Noite, 
      Gostaria de saber se existe a possibilidade de gravar além do id do option value outra variavel, para enviar via post.
      <div class="form-group"> <label class="col-md-4 control-label" for="txtgrupo">Tipo de Pagamento : </label> <div class="col-md-4"> <select id="" class="selectpicker" data-live-search="true" name="tipo_pagamento" > <?php $query = mysql_query("SELECT * FROM tipo_pagamento ORDER BY id ASC"); while($result = mysql_fetch_array($query)) { echo '<option value="'.$result["id"].'">'.$result["nome_tipo"].'</option>'; } ?> </select> </div> </div>  
    • Por Incompetech
      Então.. a um tempo atrás eu fiz um post pedindo ajuda em relação a tooltip mas não obtive resposta, então decidi deixar essa funcionalidade para depois.
      Como disse na minha primeira pergunta eu estou praticando HTML / CSS / JS ... então comecei a fazer uma entrada para MU ONLINE que foi um dos jogos que mais joguei em épocas de LAN HOUSE. Então o que quero perguntar a vocês é o seguinte:

      Como podem ver nessa imagem acima ela tem um total de 10 itens que são icones pequenos que ao clicar neles logo ele irá dar loading na foto do item completo, gostaria de saber como fazer isso.
       
      No meu caso eu criei essa entrada no Photoshop: 
       
      E no caso gostaria de fazer a mesma coisa porém clicando nas setas que estão do lado da box como podem ver no centro da imagem.
      Para isto eu devo usar Js? E qual código devo usar, eu sou super perdido com Js.
      Agradeço desde já! :D

    • Por JeanTDZ
      Eu tenho um form com algumas informações etc. O form envia pro banco de dados e tudo mais, funcional.
       
      Alguém teria algum exemplo que após o submit, o form é transformado em pdf/doc e direcionado para uma pasta/ftp já criada.?
    • Por jparenque
      Pessoal, estou precisando de um código em php que faça o seguinte:

      1- acesse uma url capture e grave o código fonte
      2- acesse novamente a mesma url, capture o código fonte e compare com o código da primeira captura
      3- se o código for igual ao da primeira captura ele acessa novamente e compara novamente
      4- se o código for diferente do da primeira captura ele tem que abrir o navegador Chrome e ir para essa url através do navegador.
      5- o fim do código deverá ser apenas quando ele acessar a url encontrar um conteúdo diferente do da primeira captura.

      Vou rodar o php na máquina local. O objetivo é monitorar uma página url específica com relação à uma alteração que ocorrerá. E quando ocorrer precisarei atuar nessa página imediatamente.

      Obrigado a todos!
×

Informação importante

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