Bug in video gallery ,jquery...Please help

Question

I am not able to fix the bug in this file.I cant paste code here cause its too lengthy for every one to work on it.. so im posting this rapidshare link

(file size is just 740kb)

Whats the problem:

Open the html file and click on any image, and that will be displayed in the right side div.I tried to do the same for the video but i dont know why its not showing the screen shot of that video. Check Using fire bug you will will see that there is a div but its not able to get its thumbnail.

Error i m getting is :

   $("ul.thumb2").ytplaylist is not a function

but my same code is running for the page when i m running only video..Can any body help me please...

@ all frnds and seniors.. I am sry for posting such a long code... but if u check the mistake in the code then u will came to know that it cant be solved without posting the whole code. anyways sry and thnks..:-)

Answer 1

Seems people are not a big fan of how you have asked this question and I kinda have to agree.

I don't think anyone has the time or inclination to actually dive into the 100's of lines of code you have posted.

So the advice I would give is to take the functionality you are trying to create and put it into a small project dedicated to it.

In that way you can isolate all the other things around it that may, or may not, be getting in the way.

It will also aid in debugging because now you have a smaller code base, i.e. only that code needed to create the feature.

If you still can't solve it then at least you have something concrete that you can post and hopefully a lot less code.

Fair enough?

Answer 2

Whew... ok I looked at your code. Here are some notes:

1. I don't know why you loaded jQuery 5 times, but that is the reason your script isn't working. The following scripts are ALL copies of either jQuery 1.3 or jQuery 1.3.2!

   <script type="text/javascript" src="js/jquery.youtube.js"></script>
   <script type="text/javascript" src="js/jquery.js"></script>
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/jquery-1.3.min.js"></script>
   <script type="text/javascript" src="js/hovereffect.js"></script>
   

   The four scripts below jquery.youtube.js are actually after the youtubeplaylist.js and are breaking the ytplaylist function.

2. Once the script starts working, you'll notice the video window takes over. I think what you'll need to do is make a separate video container positioned over the image container then hide it. Then when the user clicks on a video thumbnail, show the video window. And of course if the user clicks on an image, hide the video window.

3. You'll also need to resize the video window as it will expand outside your container.