Arquivado
Este tópico foi arquivado e está fechado para novas respostas.
Efeito Rolamento Imagem
Por
dragonout, em Javascript
Recommended Posts
-
Conteúdo Similar
-
Por lillibsdias
Olá, eu estou fazendo um site e me pediram para fazer a opção onmouseover nas subcategorias, porém as paginas são em phtml e é um pouco complicado saber onde colocar os códigos para fazer o efeito funcionar. O arquivo do site (que foi um template comprado pelo envato) me da duas opções que seriam colocar no css da pagina toda ou no css do menu que é o mais indicado. Enfim minha pergunta é como eu posso colocar esse arquivo que é um html-css dentro do meu phtml para criar o efeito que eu quero?
-
Por Mayck May
Bom dia,
Após inúmeras tentativas não consegui fazer com que o script abaixo mantivesse aberto para o usuário por tempo necessário para escolha da linguá no menu multilíngue após executado e durante o movimento do ponteiro do mouse para seleção da linguá desejada pelo usuário.
O problema é que o usuário ao mover o ponteiro do mouse sobre o link (Language) ativa a abertura de um menu multilíngue, que antes estava oculto e esse menu multilíngue por sua vez volta a se ocultar antes mesmo do usuário ter selecionado a linguá desejada
O que eu estou em várias tentativas já realizadas buscando corrigir é que o script oculte o menu multilíngue aberto após um tempo se não houver interação, mas que esse tempo seja resetado (reset) sempre que for submetido pelo movimento do ponteiro do mouse sobre as opções de linguás, dando ao usuário o tempo necessário para seleção da linguá desejada
Agradeço desde já a todos pelo tempo, atenção e ajuda e também agradeço quaisquer sugestões afim de permitir que o script abaixo mantenha o menu multilíngue disponível ao usuário para que o mesmo possa selecionar a linguá desejada quando houver interação com o link (Language) mas que esse menu multilíngue se mantenha oculto exceto o link (Language) quando não houver interação
<script language="javascript"> var IE4 = document.all; NS4 = document.layers; NS6 = document.getElementById; function getStyle(id){return NS4 ? document[id] : NS6 ? document.getElementById(id).style : document.all[id].style;} function HideLayer(id){getStyle(id).visibility = NS4 ? "hide" : "hidden"; getStyle(id).display = "none";} function ShowLayer(id){getStyle(id).visibility = NS4 ? "show" : "visible"; getStyle(id).display = "block";} </script> <script> function esconde(){ document.getElementById("menu").style.visibility="hidden"; } </script> <form action="#"><input type="submit" onmouseover="ShowLayer('menu')" onmouseout="setTimeout('esconde()',3000);" value="Language"></form> <div id="menu" onmouseover="ShowLayer('menu')" onmouseout="setTimeout('esconde()',9000);" style="visibility: hidden;" > <div id="google_translate_element"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> Mais uma vez agradeço a todos pelo tempo, ajuda e atenção
Mayck
-
Por Pablo Felipe
Olá!
Primeiramente minha div em CSS:
#fotoampliada { display: none; position:fixed; top:180px; left:30px; z-index: 8000; /* número máximo é 9999 */ } e em JS:
function testes1(foto) { document.getElementById('fotoampliada').style.display = 'block'; } function teste1() { document.getElementById('fotoampliada').style.display = 'none'; } E tenho um loop de informações do banco de dados, sendo uma dessas informações a seginte: <img src=" '. $row['foto'].' " width="110px" height="120px" onmouseover="testes1(this);" onmouseout="teste1();"/> A div 'fotoampliada', está assim dentro do loop: <div id="fotoampliada"> <img src=" '. $row['foto'].'" width="361px" height="291px" style="border-style: solid; border-width: 5px; border-color: orange;"/></div> O prolema é que supondo que tenha 400 imagens no banco de dados ("OBS: A informação no banco é apenas o nome da imagem") Ao passar o mouse sobre a imagem no loop ela não apresenta a imagem do mouse, mas sempre a primeira imagem do banco de dados. Se eu colocasse na imagem onmouseover="this.src=\''.$row['foto'].'\'", então a imagem aonde o mouse está será apresentada, mas não na div, e sim a propria imagem mudaria para ela mesma no caso Espero que alguem neste forum possa me ajudar... Muito obrigado -
Por ingridmendes1
Oi gente, tudo bem?
Eu estou desenvolvendo um site e tô com um problema no menu que não consigo resolver. Na verdade quero modificar uma coisa e não consigo. Tô usando o código
<label for='tm'> <img src="icones/menu_on.png"
onMouseOver="this.src='icones/menu_off.png'"
onMouseOut="this.src='icones/menu_on.png'"
width="61" height="40"/>
</label>
Só que o problema é que eu queria que, no momento em que o menu estivesse aberto, o ícone fosse de um X e não o mesmo do início.
O que devo fazer?
-