PeterBaileyUk
asked on
Joomla how to click graphic image and go to url
I am using the latest version of joomla hosted on my own server.
I have an image of a sine wave and when its clicked I want to have an mp3 play, it can either be via soundcloud or on the server itself but not sure how to do this part.
the last graphic in the code is called sineweb.
I have an image of a sine wave and when its clicked I want to have an mp3 play, it can either be via soundcloud or on the server itself but not sure how to do this part.
the last graphic in the code is called sineweb.
<p>[carousel]</p>
<p>[carousel_item]</p>
<p style="text-align: center;">AL1</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="images/P9275893.png" alt="" />
</p>
<p>[/carousel_item]</p>
<p>[carousel_item]</p>
<p style="text-align: center;">Colour Oak</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="images/P9075704.png" alt="P9075704" width="266" height="199" />[/carousel_item]</p>
<p>[carousel_item]</p>
<p style="text-align: center;">Colour Cherry</p>
<p style="text-align: center;"><img src="images/P9075706.png" alt="P9075706" width="270" height="202" />
</p>
<p style="text-align: left;">[/carousel_item] </p>
<p>[carousel_item]</p>
<p style="text-align: center;">Multiple Outputs</p>
<p style="text-align: center;"><img src="images/PA086979.png" alt="PA086979" />
</p>
<p style="text-align: left;">[/carousel_item]</p>
<p style="text-align: left;">[carousel_item]</p>
<p style="text-align: center;"><span style="text-align: center;">Listen</span>
</p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><img src="images/sineWeb.png" alt="sineWeb" width="181" height="136" />
</p>
<p style="text-align: left;">[/carousel_item]</p>
<p>[/carousel]</p>
ee.JPG
ASKER
where do i store the mp3? in any particular directory
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
can the index.html be blank? ive not heard of that before.
ASKER
I have the web directory with a new mp3 folder and an mp3 file inside but i get page not found:
<p style="text-align: center;"><a href="/web/mp3/firtstest.m p3"><img src="images/sineWeb.png" alt="sineWeb" width="181" height="136" /></a>
i tried also without /mp3/firtstest.mp3
<p style="text-align: center;"><a href="/web/mp3/firtstest.m
i tried also without /mp3/firtstest.mp3
ASKER
I have another question but will post a new question
Is the mp3 playing ok now?
ASKER
yes
Great!
Try doing this:
Open in new window
Just link the image to the url of the mp3. In that case it should bring up the mp3 player on the visitor's local computer.
There are other joomla plugins which would have the music play within the browser itself, but you can try this first, and see if it gives you what you want.
If you want to use a joomla plugin to to this, check out this player (I haven't tried it but lots of good reviews: Mp3 player for articles