• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jQuery lightbox

Status
Für weitere Antworten geschlossen.

The_Bandito

Neues Mitglied
Hi,
Ich versuche schon seit Tagen diese Lightbox/Galerie (jQuery lightbox for images, videos, YouTube, iframes - by Stephane Caron) zu "installieren".
Komme einfach nicht weiter. (Bin auf dem Gebiet noch ein totaler Noob:sad:)
Hoffe ihr könnt mir helfen also:
Die Datei: FuckThePolice
HTML:
<!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>
  <img />
  <title>FuckThePolice</title>


  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

  <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
  <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
animationSpeed: 'normal', /* fast/slow/normal */
padding: 40, /* padding for each side of the picture */
opacity: 0.35, /* Value betwee 0 and 1 */
showTitle: true, /* true/false */
allowresize: true, /* true/false */
counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
theme: 'dark_square', /* light_rounded / dark_rounded / light_square / dark_square */
callback: function(){}
});
});
  </script>
</head>
<body>
<div id="design_content">
<div id="design_header">
<div id="design_home"><a href="/index.php"></a></div>
<div id="design_bilder"><a href="/bilder.php"></a></div>
<div id="design_wir"><a href="/wir.php"></a></div>
<div id="design_gästebuch"><a href="/gaestebuch.php"></a></div>
</div>
<div id="design_text"><b>Hier entsteht eine Seite
gegen die Polizei =P
<br />
<br />
<br />
<br />
<br />
Ab hier startet=)<br />
<br />
<a href="http://www.html.de/images/fullscreen/1.jpg" rel="prettyPhoto" title="Description"><img src="/images1.jpg" alt="Picture 1 title" /></a>
</b></div>
<div id="design_footer"></div>
</div>
</body>
</html>
So nun zu meinen Problem, wie bekomme ich es hin das der nen kleines Vorschaubild macht und es auch ordentlich angezeigt wird?:(

Bandito
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben