In the Audio Crosword, each clue will display an image of a sound icon which acts as a button. When pressed, this button will play an .mp3 file through a hidden flashmp3player.
You only need to understand very little xHTML to make this exercise, namely, what links are, and how an image is made into a link. However, you will not need to create these yourself.
Make a folder and put all the files below in it. To get the files, Right Click->Save Target As/Save Link As.
Launch HotPotatoes and open JCross. Give a title to your crossword. Then, click on the grid maker and input all the words. Generate the crossword.
We'll now add the clues. In an ordinary crossword the clues are textual, while we're making an audio crossword. Therefore, our clue is a sound file. We also need to have something to act as a button, so that, when clicked, the sound can be heard.
For each clue, add this code, where sound.mp3 is the name of the .mp3 file for the clue of the word.
And the image audio.gif is the name of the image you want to use as a button.
We'll use the "Subtitles" text field to put our player.
Go to "Configuartion" -> Instructions. In the Subtitles text box type this code.
I chose the Subtitles text field because I rarely use it for exercises. And we don't want the player to be visible, so we hide it by styling it
2: Don't be tempted to just copy-paste the code above. Or if you do, make sure it has no carriage returns. Carriage returns are converted into
<br /> by HotPotatoes. So when you put the code into an exercise, it must run as a single line! Otherwise the code of the exercise gets broken and your exercise will not work!
Write clear instructions for the students so that they know how to play the sound.
Well, that's it. Now Save your file, output as a web page, and view it in your browser. Test ALL the clues. And don't forget to have ALL the files in the folder along with the exercise when you upload it to the server.