Geluid op afbeelding plaatsen

[DominiqueMaerte]

Beste,

Ik hoop dat jullie mij kunnen helpen.
Ik moet een geluid op een afbeelding plaatsen en het lukt me niet.

Ik heb al geprobeerd om er een behaviour op te plaatsen onclick=playsound (URL)
maar het lukt niet.
Op elke afbeelding moet dus een geluid komen als je erop klikt.

Kan iemand me hiermee helpen?

Hieronder kan je de code terugvinden:

<div id="main">
<div id="producten">
<table width="658" height="481" border="0" align="center" id="tblproducten">
<tr>
<td width="178" align="center"><a href="herkauwers.html"><img src="images/herkauwers.png" alt="herkauwers" name="herkauwer" width="202" height="184" border="0" id="herkauwer"401 /></a></td>
<td width="34" align="center">&nbsp;</td>
<td width="172" align="center"><img src="images/paarden.png" width="202" height="184" alt="paarden" /></td>
<td width="36" height="199" align="center">&nbsp;</td>
<td width="180" align="center"><img src="images/pluimvee.png" width="202" height="184" alt="pluimvee" /></td>
</tr>

Groetjes
Dominique

 

[csshunter]

Hoi Dominique,
Ken je deze? [url]www.w3schools.com/html/html_sounds.asp[/URL].
Die zou met een onclick-functie toegevoegd kunnen worden aan een link.

Alleen, als je deze koppelt aan een link die ergens naar toe gaat, dan vliegt de klik naar de volgende pagina, en is het geluid er toch niet.
Daar lijken me dan 2 dingen op te verzinnen:

• Een vertraging inbouwen in de afspeel-functie (met setTimeout), zodat de nieuwe pagina pas getriggerd wordt nadat het geluid is afgespeeld.
• Of het geluid niet afspelen op de klik-pagina, maar op de nieuwe pagina meteen bij de opening daarvan.

Maak je wel eerst een "Zet geluid aan" optie op de pagina?
Want je zal toch maar je luidsprekertjes op een stevig volume hebben staan vanwege een andere site waarop heel zachte muziek stond, en dan een loeiende koe op disco-volume horen: komt gelijk het hele huis aanhollen om te kijken wat die koe bij de computer aan het doen is.

Met vriendelijke groet,
CSShunter

 

[DominiqueMaerte]

Hoi Dominique,
Ken je deze? [url]www.w3schools.com/html/html_sounds.asp[/URL].
Die zou met een onclick-functie toegevoegd kunnen worden aan een link.

Alleen, als je deze koppelt aan een link die ergens naar toe gaat, dan vliegt de klik naar de volgende pagina, en is het geluid er toch niet.
Daar lijken me dan 2 dingen op te verzinnen:

• Een vertraging inbouwen in de afspeel-functie (met setTimeout), zodat de nieuwe pagina pas getriggerd wordt nadat het geluid is afgespeeld.
• Of het geluid niet afspelen op de klik-pagina, maar op de nieuwe pagina meteen bij de opening daarvan.

Maak je wel eerst een "Zet geluid aan" optie op de pagina?
Want je zal toch maar je luidsprekertjes op een stevig volume hebben staan vanwege een andere site waarop heel zachte muziek stond, en dan een loeiende koe op disco-volume horen: komt gelijk het hele huis aanhollen om te kijken wat die koe bij de computer aan het doen is.

Met vriendelijke groet,
CSShunter

Bedankt CSShunter voor je snelle antwoord.
Hopelijk kan ik het zo oplossen!

Ik ben zelf niet echt te vinden voor geluiden op een site maar klant is koning

 

[csshunter]

Misschien gaat de koning overstag, als je 'm vertelt dat de meeste mensen een gruwelijke hekel hebben aan ongevraagde muziek of geluiden, en dat dat klanten kan schelen?

Bij een quiz-site voor jongelui tot een jaar of 15 kan ik me er nog iets bij voorstellen, maar als het om een bedrijf gaat dat producten of diensten wil verkopen, komt het niet erg professioneel over. Na een paar keer klikken heeft men het wel gehoord, en dan sta je niet te popelen om die koe nog eens te horen loeien...

Komt ook bij: lang niet iedereen heeft z'n speakertjes aan staan bij het surfen; dan is het dus allemaal verloren moeite zo'n kunstje in te bouwen.

Succes ermee!
CSShunter

 

[DominiqueMaerte]

Beste Csshunter,

Ik heb nog even een vraag. Mijn klant zou graag minder
Witruimte aan de linkse en rechtse kant van de site willen.
Ik heb de site nu ingesteld op 1024pixels en heb de kanten op automatisch gezet.
Kan ik nog Iets doen om de site te laten aanpassen aan de grootte van je scherm.
Hierbij de link van het ontwerp: www.dm-design.be/ontwerp1.html

 

[csshunter]

Hoi Dominique,

Ik heb de site nu ingesteld op 1024pixels

In je link zie ik 'm momenteel staan op 920px breed.
Ik denk dat je niet verder moet gaan dan max. 990px: dan toont de site ook nog compleet op een resolutie van 1024*768px zonder L/R te hoeven scrollen. Het verschil tussen de 1024px en de 990px is de ruimte voor de rechter (omhoog-omlaag) scrollbar waar rekening mee gehouden moet worden voor langere pagina's + wat speling.

In principe kan een site ook "liquid" worden gemaakt: zich automatisch in de breedte aanpassen aan de resolutie van de bezoeker. Dat heeft als voordeel dat de pagina altijd beeldvullend is, maar als nadeel dat de regellengte in het midden al gauw erg lang wordt (=onleesbaar). Daar komt bij: ga je de regellengte op een maximum zetten, dan krijg je weer veel wit binnen de pagina. Ook is een flexibele pagina wat lastiger te maken.
- Ik zou dat niet doen.

Een andere oplossing voor het overheersende wit aan de zijkanten (bij een vaste breedte en een groot scherm) is ...
... om die zijkanten niet wit te maken maar juist een donkere kleur te geven.
Zoiets oogt een stuk aangenamer, en de aandacht wordt op het midden gevestigd ipv op het naar voren springende wit a/d zijkanten:

Met vriendelijke groet,
CSShunter