Sunet la pozitionare mouse pe un buton
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
tataieee
- Mesaje:12
Sunet la pozitionare mouse pe un buton
Salutare,
Am să explic ceea ce caut, de exemplu am un buton simplu, ca acesta :
Cod: Selectaţi tot
<a href="..."><img src="aici o să fie link de la buton" /></a>
Bun, atunci când pun mouse-ul pe butonul acela să înceapa un ton .mp3 să cânte/vorbească.
Am văzut pe un site acum ceva vreme dar nu mai găsesc acum.
MarPlo
Mesaje:4343
Salut
Poti folosi acest cod. Functioneaza in navigatoare web care suporta HTML5.
Trebuie sa ai acelasi fisier audio in format MP3 si OGG (OGG e pentru navigatoare web: Firefox, Chrome si Opera). Sunt pe internet site-uri de convertire MP3, OGG; gasesti la cautare: "convert mp3 ogg".
Cod: Selectaţi tot
<a href="..."><img src="adresa_imagine"alt="Link buton" id="psound1" /></a>
<audio style="display:none;" id="sound1">
<source src="adresa_fisie_sunet.mp3"></source>
<source src="adresa_fisie_sunet.ogg"></source>
</audio>
<script type="text/javascript">
var sound1 = document.getElementById('sound1');
if(document.getElementById('psound1')) document.getElementById('psound1').onmouseover = function(){ sound1.play(); }
</script>
tataieee
Mesaje:12
Mulţumesc mult.
Un retuş dacă se poate, atunci când pun mousul pe el întradevăr cântă aşa cum vreau eu, dar atunci când plec cu mousul după buton continuă toată melodia. Se poate face ca atunci când plec cu mousul după buton să se oprească ?
edit : din păcate scriptul funcţionează doar pe Chrome, pe Firefox şi Opera nu funcţionează.
precieze că am completat şi .mp3 şi .ogg
MarPlo
Mesaje:4343
Am testat pe Firefox si functiona, nu stiu de ce la tine nu merge, poate e versiune veche ce nu suporta HTML5.
Poti gasi pe internet si alte script-uri pt efect de sunet la buton, cautand: "javascript sound onmouseover".
Ca sa se opreasca sunetul cand mouse-ul nu mai e pe buton, adauga aceasta linie de cod in codul javascript:
Cod: Selectaţi tot
document.getElementById('psound1').onmouseout = function(){ sound1.stop(); }
Subiecte similare
- Pozitionare Div-uri fixe cu Flex pe linie
HTML - XHTML - CSS
Primul mesaj
Salut!
Sunt destul de incepator si am un div in html care contine alte doua div-uri: un numar de telefon si o adresa de e-mail pe acelasi rand....
Ultimul mesaj
Merci! A mers!
oricum sunt cu ochii si pe tutorialele tale :)