Script richtig einbauen

Lavaria · 23 Oktober 2009

Hallo,

ich versuche seit einer Weile eine Galerie in meine HP ein zu bauen nur leider funzt das nicht so richtig.
Eigentlich soll man auf die Bilder drauf klicken und dann öffnet sich ein Fenster wo das Bild größer dargestellt wird... nur leider bei mir nicht -.-

könnte mir vielleicht jemand beim einbinden helfen?

Die Galerie soll in den Abschnitt: 

Das hier ist die HP

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>Startseite</title>




<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">

<style type="text/css">
<!--
#image_scroller {                width: 424px;
}
#image_scroller {                height: 106px;
}
#left_arrow {                height: 90px;
                width: 40px;
}
#right_arrow {                height: 90px;
                width: 40px;
}
#scroller_container {                width: 424px;
}
#scroller_container {                height: 106px;
}
#thumbnails_container {                width: 424px;
}
#thumbnails_container {                height: 106px;
}
-->
</style>




</head>
<body     >


<table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
<tr>


<!--ende aussentab-->
<td align="center" width="100%"   >

<!--schatten um die seite oben -->
<table width="100%" align="center"       border="0" cellpadding="0" cellspacing="0">
<tr>
 <td id="s1"><img src="images/1.jpg" width="22" height="22" border="0" alt=""></td>
 <td id="s2"><img src="images/2.jpg" width="22" height="22" border="0" alt=""></td>
 <td id="s3"><img src="images/3.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
<tr>
 <td id="s4"><img src="images/4.jpg" width="22" height="22" border="0" alt=""></td>
 <td  >
<!--ende schatten um die seite oben -->
<!--kopf-->
<table   width="100%"     border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td    id="top1"    >&nbsp;</td>
</tr>
<tr>
<td      id="top2" >


<table height="100%"   width="100%"     border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="67%" height="375" id="logo">&nbsp;</td>
<td  width="34%"  id="nav" >
<!-- menü rechts oben 1-->
<div id="menu2">
<b style="font-size:20px;color:#fff;background-color:#471911;padding-left:6px;padding-right:6px;background-image:url();border:solid 1px black;
background-repeat:repeat-x;
background-position:  50% 100%;padding-bottom:3px">»</b>&nbsp;
<span style="font-size: 16px;font-family: arial, tahoma, verdana, helvetica, sans-serif;color:#e6e6e6;">Aktive Chars </span>
<ul  >
<li><a href="index.html"  >Test </a></li>
<li><a href="index.html"  >Test </a></li>
<li><a href="index.html"  >Test </a></li>
</ul>
</div>
<!-- ende menü rechts oben 1-->

<!-- menü rechts oben 2-->
<div id="menu2b">
<b style="font-size:20px;color:#fff;background-color:#471911;padding-left:6px;padding-right:6px;background-image:url();border:solid 1px black;background-repeat:repeat-x;
background-position:  50% 100%;padding-bottom:3px">»</b>&nbsp;
<span style="font-size: 16px;font-family: arial, tahoma, verdana, helvetica, sans-serif;color:#e6e6e6">Inaktive Chars </span>
<ul  >
<li><a href="index.html"  >Jerome Amadeo Constantin </a></li>
<li><a href="index.html"  >Lapidarius Fervor Fidelius </a></li>
<li><a href="index.html"  >Pervigilium</a></li>
<li><a href="index.html"  >Weitere</a></li>
</ul>
<a href="index.html"  ></a></div>
<!-- ende menü rechts oben 2-->
</td>
</tr>
</table>

</td>
<tr>
<td    id="top3"    ><table width="100%" align="center"    id="menu1"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td align="center" width="20%"  ><a href="index.html"  >Startseite</a></td>
<td  class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td  class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
<td width="20%" align="center"><a href="index.html"  >Galerie</a></td>
<td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td  class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
<td width="20%" align="center"><a href="index.html"  >Erz&auml;hlungen</a></td>
<td  class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td  class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
<td width="20%" align="center"><a href="index.html"  >Kontakt</a></td>
<td  class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td  class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td>
<td width="20%" align="center"><a href="index.html"  >Impressum</a></td>

</tr>
</table>
<!-- ende menü oben--></td>
</tr>
</table>



<!--ende oben-->


<!--  inhalt-->

<table align="center"  width="100%"     border="0" cellpadding="0" cellspacing="0"  >

<tr>



<td height="900" valign="top"  id="textbox">


<h2>&nbsp;</h2>





</tr>
</table>


<!-- ende inhalt-->

<!-- fuss-->

<table width="100%"     border="0" cellpadding="0" cellspacing="0" >
<tr>
<td  id="fuss"  >Copyright by ... <br>
</td>
</tr>
</table>



</td>
<!-- schatten um die seite unten -->
 <td id="s6"><img src="images/6.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
<tr>
 <td id="s7"><img src="images/7.jpg" width="22" height="22" border="0" alt=""></td>
 <td id="s8"><img src="images/8.jpg" width="202" height="22" border="0" alt=""></td>
 <td id="s9"><img src="images/9.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
</table>
<!--ende schatten um die seite unten -->

</td>
</tr>
</table>

und das hier ist der Code von der Galerie welche eingebunden werden soll:

Code:

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Adobe Photoshop Lightroom" />
<title>Lightroom-Tutorial Fancy</title>

<script src="gallery_content/js/FancyZoom.js" type="text/javascript"></script>
<script src="gallery_content/js/FancyZoomHTML.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="gallery_content/gallery.css" />
<link rel="alternate" href="gallery_content/piclens.rss" type="application/rss+xml" title="" id="piclensgallery" />
<script type="text/javascript">
window.AgMode = "publish";
</script>
<script type="text/javascript" src="gallery_content/js/live_update.js"></script>

    <!--[if lt IE 7.]>
        <script defer type="text/javascript" src="resources/js/pngfix.js"></script>
        <style type="text/css">
            #gallery { width: nil !important; }
        </style>
    <![endif]-->
</head>

<body onload="setupZoom()">

  
    <a  rel="lightbox[fancy]" href="gallery_content/bin/images/large/Framed.jpg" title=""><img src="gallery_content/bin/images/thumb/Framed.jpg" height="94" width="150" id="Framed"  class="gallerythumb" alt="" title="" /></a>
  
    <a  rel="lightbox[fancy]" href="gallery_content/bin/images/large/Hintergrund.jpg" title=""><img src="gallery_content/bin/images/thumb/Hintergrund.jpg" height="94" width="150" id="Hintergrund"  class="gallerythumb" alt="" title="" /></a>
  
    <a  rel="lightbox[fancy]" href="gallery_content/bin/images/large/neu.jpg" title=""><img src="gallery_content/bin/images/thumb/neu.jpg" height="94" width="150" id="neu"  class="gallerythumb" alt="" title="" /></a>
  

    <div class="clear"></div>
           <p style="font-size:xx-small;text-align:center;"><a href="http://www.lightroom-tutorial.de">by lightroom-tutorial.de</a></p>
    
    </body>
</html>

Ich würde mich sehr über Hilfe freuen.

lg
Lavaria

struppi · 23 Oktober 2009

Du erwartest doch nicht wirklich, dass dir jemand mal so eben deine Seite zusammenbastelt?
Das ist ein Forum und kein ich-wünsch-mir-was Basar.

Auf konkrete Fragen antworten wir dir aber gerne. Aber "funzt nicht" ist eine ziemlich nachlässige Fehleranlyse. Du weißt wo du die JS Fehlermeldungen findest?
Gibt es welche?
Wenn ja, was hast du getan sie zu beseitigen? Wie lauten sie?
Wenn nein, hast du versucht rauszufinden ob überhaupt die von dir erwartetet Funktion aufgerufen wird?

usw.

Lavaria · 23 Oktober 2009

das Problem liegt bei dem java einbinden, soviel weiß ich zumindest denn wenn ich das script bei mir einbaue sehe ich zwar die Galerie an sich doch wenn ich dann auf das Bild klicke erscheint lediglich eine komplett neue Seite mit dem Bild ... ich stecke noch in den Kinderschuhen was das alles angeht daher weiß ich leider nicht wie ich das Problem beheben kann.

struppi · 23 Oktober 2009

Deshalb hatte ich dir ein paar Tipps gegeben, was du alles machen kannst (bzw. sollst) um hier vernünftige Fragen stellen zu können

Script richtig einbauen

Lavaria

Neues Mitglied

struppi

Guest

Lavaria

Neues Mitglied

struppi

Guest

Neueste Beiträge