HTML - Click A Link Behind An Image

Im not sure if this is posted in the right place but anywho im just wondering if this is possible (note:im a total noob)
i have a table
HTML Code:

<table border="0">
<tr>
<!--the embed code of a  youtube video-->
</tr>
<tr>
<p>
video #1<br />
video#2 <br />
video#3 <br/ >
and so on
</p>
</tr>

and im wondering if its possible to click on one of the video #1,2 or 3 and set a javascript variable to a certain amount and change the embed code of the youtube video corresponding to the video # you selected.

Is this possible or am i dreaming??

Thank You,
why789

I have a form and instead of clicking on a "Submit Button". I would like to have a text link that can be clicked to submit the action. Any ideas.

Does anyone know if there is an HTML code, were when you click at a certain point on the screen, it is a link to another document?

Hello,

I have a trouble with my web site , all my hyper links i created are opened in the same windows..... Can anyone give me the code or help on how to make another window out when the hyper link is been clicked?


Thanks

Regards
Steve

Currently, I have a link that pops up.

My issue is that within that popup, I have a link that I want to:
- target the parent window
- close on click

I can get the link to either target the parent window or close on click, but I can't get it to do both. Help?

Ladies and gentlemen,

I'm just a beginner to HTML. I'm trying to develop my own web page but there is still lots of things under construction. Now just the home page and some of hyperlinks are finished and available. Most of other hyperlinks are unavailable and under construction, that's why when I click over these unavail. hyperlink, the browser always tell me "the page can not be displayed"...

My idea is that I would like to know how to displayed a specific page which has the message "Sorry, this page is currently under construction". So everytime I cick over any link that is unavailable, it will show me this particular page with the message on...

Does anynbody know how to do this, could you please advise me how to write code to get this done. Please help me, your help is highly appreciated...

Many thanks & best regards,
Hao.

Hello guys. I really need your help.

I whant to put a clickable image i my wordpress blog and have a click counter under it. I also want that the images only is clickable x amount of times ex. 2000 times and after that a new image will take it place saying, Thank you we have reached the total limit bla bla, this image should not be clickable anymore. the same ip only once.

How can i do this

thank you

Hi!
I've been working on a little website, but i want visitors to hear a welcome sound when they click on the website's logo.
How can i do this with html? javascript?
I came to this forums because i've seen very clever people here.
Thanks for your replies!

I want to use HTML to make the following task...

I little link, when someone clicks on it, it displays an image at the top of it
(Not load a whole new page with an image)

Example

Say you have this link linky
I want when people click on it, it displays an image above it

Can this be done using HTML?

Thanks

Hello guys,

I was wondering if anyone is aware of a script that does this:

You have an image on your website.

When you click on the image a box should appear where you can insert your email and send the photo to your email.

Anyone aware of something like that?

Thanks a lot!

I can't figure out how to script an image so that it slides to another area on the page when clicked on. For example, a logo that appears in the center of a blank page (vertical-align: middle), but when clicked slides smoothly to the top (vertical-align: top). Alternatively, it could be that clicking the image changes the vertical-align property of the entire table or cell. Either way, I can't figure out how to do this with a smooth animation.

A fantastic example of this--where I got the idea, in fact--is the front page of tumblr.com, where clicking "Log in" smoothly slides the tumblr logo from the top of the page to the center. How is this done?

I'm sorry if the solution is mind-bogglingly simple, I'm kind of a noob. But I've racked the web and I can't seem to find a script that does this. Can somebody please help? Thanks so much.

Hi all i need some help. I have created a simple gallery with a large image and smaller images to the left of it, when the small images are clicked they change to the large image, see an example here http://vfashion.co.uk/help/example.html

but i want to be able to add a link below the main image so when its clicked the current image that is displaying large will open up in a new window.

how would i do this???

the code for the page is below please can someone help me

Code:

<head>
<meta content="en-gb" http-equiv="Content-Language">
<style type="text/css">
.auto-style1 {
	margin-bottom: 0px;
}
</style>
</head>

<TABLE id=table1 height=164 cellSpacing=0 cellPadding=0 width=605 border=0 class="auto-style1">
<TR>
<TD vAlign=top width=603 colSpan=2 height=20><B><FONT face=Arial color=#333333></FONT></B></TD></TR>
<TR>
<TD vAlign=top height=106 style="width: 200px">
<DIV align=center>
<TABLE id=table2 cellSpacing=0 cellPadding=0 width=147 border=0>
<TBODY>
<TR>
<TD height=10></TD></TR>






<TR>



</TR>








<TR>
<TD height=5><div align="center">
	<table border="0" width="147" cellspacing="0" cellpadding="0" id="table23">
		<tr>
			<td align="center" colspan="2" height="10"></td>
		</tr>
		<tr>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="1.jpg" width=70 border=1 onclick=document.url.src="1.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="2.jpg" width=70 border=1 onclick=document.url.src="2.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
		</tr>
		<tr>
			<td align="center"></td>
			<td align="center"></td>
		</tr>
		<tr>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="3.jpg" width=70 border=1 onclick=document.url.src="3.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="4.jpg" width=70 border=1 onclick=document.url.src="4.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
		</tr>
		<tr>
			<td align="center"></td>
			<td align="center"></td>
		</tr>
		<tr>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="5.jpg" width=70 border=1 onclick=document.url.src="5.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="6.jpg" width=70 border=1 onclick=document.url.src="6.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
		</tr>
	</table></TD></TR></TBODY></TABLE></DIV></TD>
<TD vAlign=top width=405 height=40 rowSpan=3>
<P align=center>
<img src="1.jpg" alt="" name="url" width="380" border="0" id="url"></P>
<P align=center>
Click to enlarge</P></TD></TR>
<TR>
<TD vAlign=top height=106 style="width: 200px">
&nbsp;</TD>
	</TR>

the title makes it sounds really confusing.
Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another.

The code is -

HTML Code:

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' 


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);

Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one)

can anyone help me?

Hi members...

I am designing my new eBay advert in html using Dreamweaver CS3
I have designed many stuff in this that is pretty basic, and use the design view.

I want to develop my ads this year from a static looking page to a more advanced page.

Schuh do something similar to what I am after and I can't search the forums because I have no idea what it is called that I would like to do.

Here is a link to their advert..
[url="http://cgi.ebay.co.uk/MOMENTUM-HARRY-DBL-MENS-BLACK-GREEN-FABRIC-TRAINERS-/390316948300?pt=UK_Men_s_Shoes&var=&hash=item99accd46a3"]

notice how you can roll over images to show a larger preview, can anyone point me to a guide or at least tell me what i need to be searching for.

Thanks
John

im kind of new to design and some of my image links have a small blue box around them and i dont know what it is. Im using dreamweaver to build my site. it is www.devilthreads.com if you want to check it out

But how do i get rid of that damn blue box around the image link