aley
01-22-2011, 06:33 PM
Hi everyone I am pulling my hair out here, I am not sure if this is possible, basicaly I have a webpage which has a Iframe in it, the iframe loads another page which contains my lytebox thumbnail, I want to then click on the thumbnail and load the lytebox outside of the iframe, rather that loading inside the Iframe creating scroll bars.
this is what I have at the moment Please please please help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body p {
font-family: Verdana, Geneva, sans-serif;
}
body p {
color: #9F3;
}
.oo {
color: #96C;
}
body p {
color: #9A9A9A;
font-size: 12px;
}
.bodyp {
font-family: Verdana, Geneva, sans-serif;
color: #F60;
font-size: 24px;
}
</style>
<link rel="stylesheet" href="../lytebox.css" type="text/css" media="screen" />
</head>
<body>
<table width="1591" height="1193" border="0" align="center">
<tr>
<td width="314" height="82"> </td>
<td colspan="2"><table width="587" border="0">
<tr>
<td width="169" valign="bottom"><img src="data/websiteTitles/AlexDorman.jpg" width="105" height="85" /></td>
<td width="407"><table width="407" height="114" border="0">
<tr>
<td width="109" valign="bottom"><img src="data/websiteTitles/workblackS.jpg" width="58" height="20" /></td>
<td width="288" valign="bottom"><img src="data/websiteTitles/contactorangeS.jpg" width="82" height="20" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><p style="font-size: 16px; color: #000;"> </p></td>
<td width="234" valign="top"><table width="300" height="552" border="0" align="right">
<tr>
<td width="30"> </td>
<td width="231"><p style="font-size: 16px; color: #000;"> </p>
<p style="font-size: 16px; color: #000;">About</p>
<p>I am a 3D artist currently working in the UK, using Maya and Softimage, with experience with various comping software such as Nuke, AfterEffects. As well as Realflow. </p>
<p>I am a generalist with a leaning towards Lighting/shading and simulation. I have experience with various renderers with most knowledge in Arnold and Mental Ray. </p>
<p>I am currently employed at js3d in sunny Oxfordshire just outside London. </p>
<p style="color: #F60">Employment: </p>
<p style="color: #000">Smoke&Mirrors (London) </p>
<p>Runner and Junior 3d artsist </p>
<p style="color: #000">Prime Focus London </p>
<p>Junior VFX Artist and runner</p>
<p style="color: #000"> js3d</p>
<p> Junior 3d Artist </p>
<p>Before employment in London I was involved in various social and community projects in conjunction with Hastings council helping children gain experience in different creative activities including Animation, Film Production and Video Editing.</p></td>
<td width="25"> </td>
</tr>
</table> <p style="font-size: 16px; color: #000;"> </p></td>
<td width="1029"><table width="1024" height="1482" border="0">
<tr>
<td width="600" height="40" align="left" valign="top"> </td>
<td width="414" valign="bottom">
</td>
</tr>
<tr>
<td height="341" valign="top"><iframe src="http://player.vimeo.com/video/18675508?color=c9ff23&loop=1" width="600" height="338" frameborder="0"></iframe></td>
<td> </td>
</tr>
<tr>
<td height="10" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="600" height="25" align="left" valign="top"><iframe src="http://player.vimeo.com/video/18679008?color=c9ff23&loop=1" width="600" height="338" frameborder="0"></iframe></td>
<td valign="top"> </td>
</tr>
<tr>
<td height="10" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td height="340" align="left" valign="top"><iframe src="http://player.vimeo.com/video/18681055?color=c9ff23" width="600" height="338" frameborder="0"></iframe></td>
<td> </td>
</tr>
<tr>
<td height="10" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="600" height="340" align="left" valign="top"><iframe iframe name="work" height="600" width="600" src="C:/Users/alex/Documents/website/lyte/lytetest.html" frameborder="0" marginheight="0" marginwidth="0">
</iframe> </td>
<td><a href="C:/Users/alex/Documents/website/lytetest.html" target="work">Link</a> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="23"> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>
and the webpage inside my Iframe is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="../lytebox.css" type="text/css" media="screen" />
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><iframe src="http://player.vimeo.com/video/18675508?color=c9ff23&loop=1" width="600" height="338" frameborder="0"></iframe></td>
</tr>
<tr>
<td>
<a href="C:\Users\alex\Desktop\Mcdonalds\external_poster.jpg" rel="lytebox" title="Erie Night"><img src="C:\Users\alex\Documents\website\Pictures\external_poster.jpg"></a>
</td>
</tr>
<tr>
<td>Happy Meal</td>
</tr>
</table>
</body>
</html>
this is what I have at the moment Please please please help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body p {
font-family: Verdana, Geneva, sans-serif;
}
body p {
color: #9F3;
}
.oo {
color: #96C;
}
body p {
color: #9A9A9A;
font-size: 12px;
}
.bodyp {
font-family: Verdana, Geneva, sans-serif;
color: #F60;
font-size: 24px;
}
</style>
<link rel="stylesheet" href="../lytebox.css" type="text/css" media="screen" />
</head>
<body>
<table width="1591" height="1193" border="0" align="center">
<tr>
<td width="314" height="82"> </td>
<td colspan="2"><table width="587" border="0">
<tr>
<td width="169" valign="bottom"><img src="data/websiteTitles/AlexDorman.jpg" width="105" height="85" /></td>
<td width="407"><table width="407" height="114" border="0">
<tr>
<td width="109" valign="bottom"><img src="data/websiteTitles/workblackS.jpg" width="58" height="20" /></td>
<td width="288" valign="bottom"><img src="data/websiteTitles/contactorangeS.jpg" width="82" height="20" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><p style="font-size: 16px; color: #000;"> </p></td>
<td width="234" valign="top"><table width="300" height="552" border="0" align="right">
<tr>
<td width="30"> </td>
<td width="231"><p style="font-size: 16px; color: #000;"> </p>
<p style="font-size: 16px; color: #000;">About</p>
<p>I am a 3D artist currently working in the UK, using Maya and Softimage, with experience with various comping software such as Nuke, AfterEffects. As well as Realflow. </p>
<p>I am a generalist with a leaning towards Lighting/shading and simulation. I have experience with various renderers with most knowledge in Arnold and Mental Ray. </p>
<p>I am currently employed at js3d in sunny Oxfordshire just outside London. </p>
<p style="color: #F60">Employment: </p>
<p style="color: #000">Smoke&Mirrors (London) </p>
<p>Runner and Junior 3d artsist </p>
<p style="color: #000">Prime Focus London </p>
<p>Junior VFX Artist and runner</p>
<p style="color: #000"> js3d</p>
<p> Junior 3d Artist </p>
<p>Before employment in London I was involved in various social and community projects in conjunction with Hastings council helping children gain experience in different creative activities including Animation, Film Production and Video Editing.</p></td>
<td width="25"> </td>
</tr>
</table> <p style="font-size: 16px; color: #000;"> </p></td>
<td width="1029"><table width="1024" height="1482" border="0">
<tr>
<td width="600" height="40" align="left" valign="top"> </td>
<td width="414" valign="bottom">
</td>
</tr>
<tr>
<td height="341" valign="top"><iframe src="http://player.vimeo.com/video/18675508?color=c9ff23&loop=1" width="600" height="338" frameborder="0"></iframe></td>
<td> </td>
</tr>
<tr>
<td height="10" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="600" height="25" align="left" valign="top"><iframe src="http://player.vimeo.com/video/18679008?color=c9ff23&loop=1" width="600" height="338" frameborder="0"></iframe></td>
<td valign="top"> </td>
</tr>
<tr>
<td height="10" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td height="340" align="left" valign="top"><iframe src="http://player.vimeo.com/video/18681055?color=c9ff23" width="600" height="338" frameborder="0"></iframe></td>
<td> </td>
</tr>
<tr>
<td height="10" align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td width="600" height="340" align="left" valign="top"><iframe iframe name="work" height="600" width="600" src="C:/Users/alex/Documents/website/lyte/lytetest.html" frameborder="0" marginheight="0" marginwidth="0">
</iframe> </td>
<td><a href="C:/Users/alex/Documents/website/lytetest.html" target="work">Link</a> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="23"> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</html>
and the webpage inside my Iframe is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="../lytebox.css" type="text/css" media="screen" />
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><iframe src="http://player.vimeo.com/video/18675508?color=c9ff23&loop=1" width="600" height="338" frameborder="0"></iframe></td>
</tr>
<tr>
<td>
<a href="C:\Users\alex\Desktop\Mcdonalds\external_poster.jpg" rel="lytebox" title="Erie Night"><img src="C:\Users\alex\Documents\website\Pictures\external_poster.jpg"></a>
</td>
</tr>
<tr>
<td>Happy Meal</td>
</tr>
</table>
</body>
</html>