I have previously solved this problem via E-E however i now have a slightly adapted problem I can't seem to work around.
The basis of it is... I have an image with a number of characters on, and i want to click each face and a video to open up in the window at the top...
The code previously allowed me to open up the videos via a text link.
The Previous Code
**************************
**********
**********
**********
**********
**********
*******
<html>
<head>
<script>
function show( obj ) {
var faq = document.getElementsByTagN
ame( 'DIV' );
for ( var i = 0; i < faq.length; ++i ) {
if (faq[ i ].id.indexOf('FAQ_') !=-1) faq[ i ].style.display = 'none';
}
var ref = obj.href;
ref = ref.replace( /^[^#]+#/, 'FAQ_' );
document.getElementById( ref ).style.display = 'block';
return false;
}
</script>
</head>
<body>
<a href='#One' onclick='return show(this)' id="l1">Video One</a>
<a href='#Two' onclick='return show(this)' id="l2">Video Two</a>
<div class="style6" id='FAQ' name='FAQ'>
<img src="images/image.jpg" />
<p>
Text BLA BLA
</div>
<div id='FAQ_One' name='FAQ' style='display:none'; class="style6" >
<p>Music Video Showreel <br />
<object type="application/x-shockw
ave-flash"
data="
http://site.com/flvplayer.swf?file=http://www.site.co.uk/film.flv&autoStart=true"
width="400" height="300">
<param name="movie"
value="
http://site.com/flvplayer.swf?file=http://www.site.co.u/film.flv&autoStart=true" />
</object>
bla bla bla </p>
</div>
<div id='FAQ_Two' name='FAQ' style='display:none' class="style6">
<p>Acting Video Showreel <br />
<object type="application/x-shockw
ave-flash"
data="
http://site.com/flvplayer.swf?file=http://www.site.co.uk/film.flv&autoStart=true"
width="400" height="300">
<param name="movie"
value="
http://site.com/flvplayer.swf?file=http://www.site.co.uk/film.flv&autoStart=true" />
</object>
Bla bla bla
</div>
**************************
**********
**********
**********
**********
**********
*********
Start Free Trial