Add sound to thickbox

mikkel / 2009-02-21 12:12:21   

Hi,

I need to show some portraits (images) accompanied by a series of interviews (sound). I am showing the images using the thickbox plugin. Is there any (easy) way I can have an mp3 file play once the individual image is in enlarged mode? there is one mp3 file for each image...

/mkkl

mikkel / 2009-02-21 12:13:21   

oh, i forgot a link to the page : originaler.org

arsondpi / 2009-02-21 12:38:04   

Rather insteresting concept.
You can do it if you know how to edit the thickbox js and the thickbox plugin.
Thickbox supports inline and iframed content so it is achievable.

mikkel / 2009-02-21 13:05:24   

would it take a lot of programming? that is not my strong side. i know the basics to get around indexhibit but thats it... alternatively i would do it in flash.

Vaska A / 2009-02-21 13:31:26   

I believe it would...and thickbox is super picky. Shadowbox is a better option but the plugin for the current version doesn't exist right now.

Much better audio and video tools are coming...

mikkel / 2009-02-23 22:01:48   

ok, so since I'm not a code-wiz I came up with an alternative solution to my problem:

Danes in New York

I embedded the mp3 file in the image title - not pretty but it does the trick... it now plays the interview once you enlarge the photo in thickbox. (interviews are in danish, sorry guys)

If anybody comes up with a better solution please let me know...

and thanx to all the peeps at indexhibit for a great app.

/mkkl

Antoine / 2009-09-13 00:58:45   

Hi Mikkel,

Since I am not a code-wiz at all, could you explain to me how you did this : without any coding, or modifying the thickbox code ?

Thanx,

Antoine

eagerbob / 2009-09-14 20:42:47   

@Antoine:
Look in the sourcecode of the page to see how it's done.
I think it is a really clever solution:

  1. Where you would normally fill in the TITLE of the picture, embed the soundfile like so: 
  2. <embed src="/a/01.mp3" height=0>

eagerbob / 2009-09-14 20:44:06   

mmh,
try again:

@Antoine:
Look in the sourcecode of the page to see how it's done.
I think it is a really clever solution:

Where you would normally fill in the TITLE of the picture, embed the soundfile like so:

  1.  <embed src="/a/01.mp3" height=0>
Vaska A / 2009-09-14 20:44:07   

Sound with grow...we tweaked this a bit to make it work...a very lofi solution...

http://www.we-have-iuav.com/index.php?/works/silhouettes-1/

Antoine / 2009-09-17 20:06:06   

@ eagerbob and Vaska

thank you all, this is really great.

Antoine

shazam / 2010-08-02 19:20:17   

Vaska,

I really like how you embedded/included
the sound with the images on the above link.
I'm trying to figure out how to do that but
can't quite get it.

Are you also embedding it using the code
eagerbob posted? If so, where are you putting
the code?

I'm curious how that embed code above finds
the audio file as it doesn't seem to be a long
link to a file.

Any help will be much appreciated!

Joel

shazam / 2010-08-03 03:47:37   

actually i figured it out. i just had to expand the title/caption field so i could properly embed the audio.

here's the post that helped:

http://www.indexhibit.org/forum/thread/311/

This thread has been closed, thank you.