Postat av
figoo
Har en hemsida som jag vill att man ska öppna upp bilder på enligt följande.
Har jQuery inkulderat i mitt projekt.
Allt står väldigt tydligt beskrivet hur man ska gå tillväga här: http://fancybox.net/howto
Jag har dock väldigt svårt att läsa instruktioner och skulle behöva hjälp med vilka och vart man ska klistra in html koderna i mitt html dokument för att då det att fungera.
Mvh
Här är en del av min html kod:
"
Har jQuery inkulderat i mitt projekt.
Allt står väldigt tydligt beskrivet hur man ska gå tillväga här: http://fancybox.net/howto
Jag har dock väldigt svårt att läsa instruktioner och skulle behöva hjälp med vilka och vart man ska klistra in html koderna i mitt html dokument för att då det att fungera.
Mvh
Här är en del av min html kod:
"
Kod:
<meta name="description" content="Autograph Original: Authentic Autographs with Certificate of Authenticity (COA) for Sale." />
<HTML><HEAD>
<TITLE>Autograph Original: Autographs for Sale</TITLE>
<style type=text/css>
body {margin:0px;padding:0px;}
TD {FONT-WEIGHT: normal;FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial}
.header {FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial}
.titre {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial}
.grand_titre {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial}
A:link {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A:visited {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A:active {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A:hover {FONT-WEIGHT: bold; FONT-SIZE: 16px; CURSOR: hand; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.lien-menu:link {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.lien-menu:visited {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.lien-menu:active {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.lien-menu:hover {FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: hand; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none}
p#marbre {font-size: 1em; text-align: center; border-bottom: 1px solid #ccc; background: #F0F0F0; padding: 0px; margin:0px}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="KEYWORDS" CONTENT="hattrick, site perso, ht-arena, club, Home Page">
<meta name="Robots" content="follow">
<meta name="robots" content="all">
<meta name="language" content="fr">
<meta name="Classification" content="hattrick, site perso, Home Page">
<meta name="Revisit after" content="2 days">
<LINK REL="SHORTCUT ICON" HREF="icon.png">
<LINK REL="ICON" HREF="icon.png">
<SCRIPT LANGUAGE="JavaScript">
if (parent.frames.length > 0)
{
window.top.location.href = './';
}
</SCRIPT>
</HEAD>
<BODY bgColor=#FFFFFF marginleft="0" topmargin="0" >
<TABLE width=750 border=0 align=center cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF">
<TBODY>
<TR>
<TD vAlign=top colSpan=4 height=80> <TABLE cellSpacing=0 cellPadding=0 width="750" align=center border=0>
<TBODY>
<TR bgColor=#FFFFFF>
<TD height="100" colSpan=2 align=left><IMG src="logo.png" alt="" border=0 ></TD>
<TD height="100" align=center class=grand_titre></TD>
</TR>
</TBODY>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=750 align=center bgColor=#fefefe border=0>
<TBODY>
<TR>
<TD bgColor=#FFFFFF colSpan=4><IMG height=2 alt="" hspace=0 src="../models/2/fichiers/pixel.gif" width=1 border=0></TD>
</TR>
<TR vAlign=center bgColor=#000000 >
<TD width="5"> </TD>
<TD width="57%" height=61 align=left noWrap class=titre><a href="http://www.autographoriginal.com">Home</a><span style='letter-spacing:10pt'> </span><a href="http://www.autographoriginal.com/autographs_a_z.php">Autographs A-Z</a><span style='letter-spacing:10pt'> </span><a href="http://www.autographoriginal.com/about_us.php">About Us</a><span style='letter-spacing:10pt'> </span><a href="http://www.autographoriginal.com/contact.php">Contact</a></TD>
<TD align=right width="37%" class=titre><body>
<form action="./search.php" method="post">
<label></label> <input type="search" name="querystring" /> <button type="submit">Search</button>
</form>
</body></TD>
<TD width="5"> </TD>
</TR>
<TR>
<TD bgColor=#FFFFFF colSpan=4><IMG height=2 alt="" hspace=0 src="../models/2/fichiers/pixel.gif" width=1 border=0></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD colSpan=4><IMG height=10
src="../models/2/fichiers/pixel.gif" width=1></TD>
</TR>
<TR>
<TD width=10 height=10><IMG height=1 src="../models/2/fichiers/pixel.gif" width=10></TD>
<TD vAlign=top width=610 height=273>
<a href='http://autographoriginal.com/justin_bieber.jpg' target='_blank'><img src='http://s26.postimg.org/4tsur9o91/justin_bieber.jpg' border='0' alt="justin bieber" /></a>
<br>
<br>
<html>
<head>
<title>Formulärsidan</title>
</head>
<body>
<form name="form" method="post" action="http://formmail.autographoriginal.com"
accept-charset="iso-8859-1">
<input type="hidden" name="recipient" value="order@autographoriginal.com">
<input type="hidden" name="redirect" value="http://www.autographoriginal.com/thanks.php">
<select name="subject" size="1"><option value="Justin Bieber">Justin Bieber</option></select><br>
<br>
<font size="2"><b>Item Description:</b><br>
<a href="http://en.wikipedia.org/wiki/Justin_Bieber" target="_blank"><span style="font-weight:normal"><font size="2" color="black"><u>Justin Bieber</u></span></font></a> authentic autograph with <a href="http://en.wikipedia.org/wiki/Certificate_of_authenticity" target="_blank"><span style="font-weight:normal"><font size="2" color="black"><u>Certificate of Authenticity (COA)</u></span></font></a>.<br>
<br><b>Payment:</b><br />
Your bill, and details for payment, will be enclosed with the item. - No extra charge. <br>
<b>Shipping:</b> <br />
International shipping with UPS. Arrives in your mailbox within 5 to 10 business days. - Free shipping.<br>
<b>Returns:</b><br />
Returns accepted - After receiving the item, buyer should contact us within: 14 days.
<br>Refund will be given as: Money back. Return shipping will be paid by: Seller.
<br>
<br>
<br />
<b><font size="6">Total: $20.00</font></b> <br>
<br>
<br>
Email address: *<br>
<input type="text" size="25" name="email"><br>
First name: *<br>
<input type="text" size="25" name="First name"><br>
Last name: *<br>
<input type="text" size="25" name="Last name"><br>
Address line 1: *<br>
<input type="text" size="25" name="Address line 1"><br>
Address line 2:<br>
<input type="text" size="25" name="Address line 2"><br>
ZIP/Postal Code: *<br>
<input type="text" size="25" name="ZIP/Postal Code"><br>
City: *<br>
<input type="text" size="25" name="City"><br>
State/Province/Region: *<br>
<input type="text" size="25" name="State/Province/Region"><br>
Country: *<br>
<select name="Country" size="1">
"
