Click here to Skip to main content
15,390,470 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
hi,
I am trying to display images in slider using ajax when hovering mouse on to images stored in table.
please help me out.
Those images are actually of you tube video(.jpg) should be able to display and then when play button is clicked,it should play the video.
here is th code:

HTML
<table border="0">
								<tr>
									<td width="440">
									<!--webbot bot="HTMLMarkup" startspan -->
									<div id="slider4" class="sliderwrapper">
										<div class="contentdiv"><object width="395" height="280"><param name="movie" value="http://www.youtube.com/v/tBiynRl5toY?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/tBiynRl5toY?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="395" height="280"></embed></object></div>
										<div class="contentdiv"><object width="395" height="280"><param name="movie" value="http://www.youtube.com/v/Z6w4KAEIPN0?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Z6w4KAEIPN0?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="395" height="280"></embed></object></div>
										<div class="contentdiv"><object width="395" height="280"><param name="movie" value="http://www.youtube.com/v/DaXFWL8g28E?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DaXFWL8g28E?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="395" height="280"></embed></object></div>
										
									</div>	
									</td>
									
<td valign="top" style="padding-removed20px;">
									<div id="paginate-slider4" >
										<table cellpadding="0" cellspacing="0" border="0">
											<tr>
												<td><a href="#" class="toc" rel="1"><img src="images/v1.jpg" width="100" height="70px" border="0"></a></td>
												<td width="5"><img src="images/spacer.gif" alt="" /></td>
												<td><a href="#" class="toc someclass" rel="2"><img src="images/v2.jpg" width="100" height="70px" border="0"></a></td>
												<td width="5"><img src="images/spacer.gif" alt="" /></td>
												<td><a href="#" class="toc someotheclass selected" rel="4"><img src="images/v3.jpg" width="100" height="70px" border="0"></a></td>
											</tr>
											
												
											<tr>
															</table>
   									</div>
									</td>
								</tr>
							</table>
<script type="text/javascript">
featuredcontentslider.init({
	id: "slider4",  //id of main slider DIV
	contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
	toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
	nextprev: ["", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
	revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
	enablefade: [true, 0.1],  //[true/false, fadedegree]
	autorotate: [false, 500],  //[true/false, pausetime]
	onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
		//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
		//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
	}
Posted
Updated 10-Jul-13 19:48pm
v2
Comments
ZurdoDev 10-Jul-13 8:30am
   
Where are you stuck? How can anyone help if you don't show us where you are stuck?
enhzflep 10-Jul-13 9:12am
   
What have you done? What's the hard part for you?
saeel chary 11-Jul-13 1:49am
   
hi i have attached code please help me
enhzflep 11-Jul-13 2:10am
   
Okay. I can see what you've done - though my eyes are now bleeding.
But again I ask,

What is the hard part for you? If you want someone to fix your code you should visit RentACoder.com
On the other hand, if you'd like to fix it yourself, you need to help those that are _trying_ to help. That means clarifying anything that is unclear.

Right now, it is clear that you'd like to display some images but can't. That's all.
Please, read ryanb31's comment again.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900