jQuery Image Gallery — Can this display Video?

JavaScript
1

Hi all,

I am a bit of a jQuery noobie, I am learning, but it’s slow progress.

I am now tying to build a gallery with a main image area and a carousel of thumbnail images below, whereby the user can click the thumbnail to load the image into the window, or use arrow keys to navigate also.

This I thought would be perfect: A demo of AD Gallery - Coffeescripter.com

I got it all working just how I wanted to, managed to customise slightly to remove arrows if there were only a few image thumbs so no need of the arrows, however, I need the ability to add video and this doesn’t seem to support video (YouTube and Vimeo embed).

Can the code be manipulated to allow video, or is it a case of I would need to use another plugin?

If so, does anyone know of a plugin that offers the same functionality, but allows video?

Would be so grateful for any help.

Many thanks :slight_smile:

2

The js file is written to work with img tags not flash.

Depending upon your skill level you can change it or look for another one.

One option you may have is for videos show a preview image (like a screen cap) with a play icon and then handle onclick events to popup a div with the video.

3

Hi Kunalk,

Thanks for coming back to me. I think I will try to amend the code to work with another one (in this case embedded YouTube/Vimeo).

Are you able to point me to the location where it specifies where it looks for images, and I can start to try to fiddle with the code?

Thank you :slight_smile: