PDA

View Full Version : Coding for Lightbox



ronnie_k
08-04-2006, 09:12 PM
Hi!

Guys im pretty new to this coding stuff, so i would really appreciate if
someone could help me out.

I have been fiddling around with the Lightbox2 code, and so far i have had no
success.

Could someone please integrate the coding into this page, so i can learn from that.



<html><style type="text/css">
<!--
body {
background-color: #666666;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7b7a7a;
}
.style3 {
color: #61ce00;
font-weight: bold;
}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.style5 {color: #76D522}
.style7 {color: #61CE00}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<head>
<title>V8 Design || Graphic Design Specialists</title>
<br>
<center><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
td.textpaddingtest {
padding-left:7px;
padding-right:7px;
}
</style>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/v8webdesign_042.png','images/v8webdesign_052.png','images/v8webdesign_06 copy.png','images/v8webdesign_072.png','images/v8webdesign_082.png','images/v8webdesign_102.png')">
<!-- ImageReady Slices (v8webdesign.psd) -->
<table id="Table_01" width="801" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="images/v8webdesign_01v2.png" width="800" height="212" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="212" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/v8webdesign_02.png" width="800" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>

ronnie_k
08-04-2006, 09:13 PM
<td rowspan="2">
<img src="images/v8webdesign_03.png" width="6" height="26" alt=""></td>
<td><a href="index.html"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image51','','images/v8webdesign_042.png',1)"><img src="images/v8webdesign_04.png" name="Image51" width="116" height="25" border="0"></a></td>
<td colspan="3">
<a href="featured.html"></a><a href="featured.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image52','','images/v8webdesign_052.png',1)"><img src="images/v8webdesign_05.png" name="Image52" width="115" height="25" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image53','','images/v8webdesign_06 copy.png',1)"><img src="images/v8webdesign_06.png" name="Image53" width="116" height="25" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image54','','images/v8webdesign_072.png',1)"><img src="images/v8webdesign_07.png" name="Image54" width="116" height="25" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image55','','images/v8webdesign_082.png',1)"><img src="images/v8webdesign_08.png" name="Image55" width="115" height="25" border="0"></a></td>
<td rowspan="2">
<img src="images/v8webdesign_09.png" width="1" height="26" alt=""></td>
<td colspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image56','','images/v8webdesign_102.png',1)"><img src="images/v8webdesign_10.png" name="Image56" width="114" height="25" border="0"></a></td>
<td>
<img src="images/v8webdesign_11.png" width="93" height="25" alt=""></td>
<td rowspan="2">
<img src="images/v8webdesign_12.png" width="8" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/v8webdesign_13.png" width="578" height="1" alt=""></td>
<td colspan="3">
<img src="images/v8webdesign_14.png" width="207" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/v8webdesign_15.png" width="194" height="43" alt=""></td>
<td rowspan="2">
<img src="images/v8webdesign_16.png" width="2" height="55" alt=""></td>
<td colspan="9" rowspan="2">
<img src="images/v8webdesign_17v7.png" width="604" height="55" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="5">
<img src="images/v8webdesign_18.png" width="194" height="253" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="images/v8webdesign_19v2.png" width="606" height="38" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="10"><table width="606" height="155" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="165" valign="top" background="images/v8webdesign_20.png"><p class="style1"> <img src="images/highclass150.png" width="150" height="150" hspace="6"></p> </td>
<td width="441" valign="top" background="images/v8webdesign_20.png"><p class="style1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non nisl.felis pharetra consectetuer. Integer urna nisi, tempor et, ullamcorper nec, placerat in, ante. Nam in purus sed orci imperdiet scelerisque. Nunc dui justo, ornare vel, hendrerit ut, eleifend in, erat. Fusce faucibus velit a nisl. Nullam mollis vehicula dolor. Praesent eu ligula ut nisl tempus malesuada. Nulla mi enim, mattis at, scelerisque vitae, blandit at, nulla. Fusce elementum augue laoreet justo venenatis iaculis. Praesent vestibulum. Suspendisse sed dui. Nunc sed ipsum at nisi porta posuere. vsvsfsdft3535r3frsdfsdfdsfsdfsd </p>
<p class="style1">Maecenas blandit scelerisque nunc. Ut eros. Cras iaculis volutpat arcu. Sed vehicula egestas mauris. Praesent elit enim, iaculis ac, ultrices nec, aliquam vitae, velit. Mauris tincidunt posuere nisi. Duis arcu dolor, gravida quis, ornare </p></td>
</tr>
</table></td>
<td>
<img src="images/spacer.gif" width="1" height="155" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/v8webdesign_21.png" width="2" height="308" alt=""></td>
<td colspan="6">
<img src="images/v8webdesign_22v2.png" width="461" height="44" alt=""></td>
<td colspan="3" rowspan="5">
<img src="images/v8webdesign_23.png" width="143" height="308" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2"><table width="461" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" background="images/v8webdesign_24.png"><p class="style1">Aenean nec lorem eget purus ullamcorper eleifend. Proin id est. Cras sodales justo quis enim. Cras quam. Maecenas lectus justo, sagittis ac, faucibus id, hendrerit nec, ante. Sed sit amet quam vel orci vehicula varius. Vestibulum dui ligula, lacinia sit amet, ultricies in, lobortis ac, ligula. Integer venenatis blandit ipsum. Sed pulvinar nulla non ipsum. Vestibulum mi arcu, venenatis pulvinar, rhoncus non, sodales in, ipsum. Phasellus mauris diam, euismod eget, condimentum quis, nonummy a, urna.<br>
Cras mattis, neque et vehicula pharetra, odio sem sodales eros, nec sollicitudin elit nulla et ligula. Aenean ac dui eget nibh laoreet porta. Suspendisse aliquet, quam id hendrerit volutpat, erat nunc tincidunt est, ac pellentesque nulla nunc et nisi. Suspendisse vestibulum dictum erat. Phasellus sapien ante, tincidunt ut, consequat eu, facilisis ut, nulla.</p> </td>
</tr>
</table></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><img src="images/label.png" width="194" height="40"><br>
<table width="194" height="220" border="0" background="images/labeltext4.png">
<tr>
<td class="textpaddingtest"> <td valign="top"><div align="left" class="style1"><strong>Client:</strong> The Desi Label<br>
<strong>Job: </strong>Album Cover Design<br>
<strong>Specification:</strong> A clean, <br>
simple cover, with a &lsquo;street/<br>
urban&rsquo; look to it<br>
Our main aim with this<br>
project was to incorporate <br>
everything that the client <br>
requested and still add our<br>
own &lsquo;flare&rsquo; to the piece. We<br>
started off with the images<br>
of &lsquo;the streets/graffiti/<br>
people&rsquo; and collected a <br>
variety of different stock images. With these, we then picked out the most... <span class="style3">more</span><br> </div></td>
</tr>
</table></td>
<td>
<img src="images/spacer.gif" width="1" height="146" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/v8webdesign_26v2.png" width="461" height="36" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td colspan="6"><table width="461" height="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" background="images/v8webdesign_27.png" class="style1">Donec odio. Ut sed leo. Nam tincidunt aliquet erat. Duis varius. In nibh. Quisque malesuada magna ac nisi. Ut ut pede. Suspendisse nec eros nec lorem pellentesque blandit. Mauris lorem ipsum, dictum eget, aliquam eget, vehicula sit amet, arcu. Maecenas consequat erat sed tortor. Morbi nec felis nec nisi tincidunt elementum... <span class="style3">more</span></td>
</tr>
</table></td>
<td>
<img src="images/spacer.gif" width="1" height="78" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="116" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="72" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="116" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="116" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="115" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="72" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="42" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td></td>
</tr>
</table>
<table width="800" border="0">
<tr>
<td align="center" valign="top" bgcolor="#333333" class="style4">Copyright 2006-2007 <span class="style5">V8 Design</span> - All Rights Reserved. All Content and Information. <br>
Contact | Email: <span class="style7">info@v8design.net</span> | Phone (UK): <span class="style7">07940111406 </span></td>
</tr>
</table>
<p>&nbsp;</p>
</body><br>
</center>

<!-- End ImageReady Slices -->
</body>
</html>



The red bit needs to be changed. The link image is called "images/nd high class cover v12.jpg". The image shown on the page should be "highclass150.png".

Thanks you guys in advance. :D