Hallo, Ihr Lieben,
habe mich jetzt drei Stunden durch das Stichwort "Bildergalerie" gewühlt, ohne zu einer wirklichen Lösung zu kommen.
Ich habe über viele Stunden versucht, die Smooth-Gallery von JonDesign in die Site einzubinden. Weiter als www.zerban.de/gallery.htm bin ich nicht gekommen. Wenn da jemand eine Idee, einen Tipp hat? (Code schicke ich unten mit).
Gerne hätte ich auch eine Lösung von CSSplay versucht. Aber ich habe keinen Code gefunden. Muss ich den wirklich aus dem Quelltext der jeweiligen Seite ziehen??? Oder bin ich doch einfach nur blind und finde den Zugang nicht? Dann bitte einen Link schicken.
Bedanke mich schon jetzt für Eure Bemühungen.
Herzliche Grüße,
Michael
Und hier der bislang erarbeitete Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><link rel="shortcut icon" href="Bilder/favicon.ico" type="image/x-icon">
<script src="jon1012-smoothgallery-205a5d558acb28d7dc543b10c431eb224be02cc8/scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="jon1012-smoothgallery-205a5d558acb28d7dc543b10c431eb224be02cc8/scripts/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="jon1012-smoothgallery-205a5d558acb28d7dc543b10c431eb224be02cc8/css/jd.gallery.css" type="text/css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="doctitle" -->
<title>neudeutsch - Magazin für Kommunikation und Lebensart</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #999999;
}
body {
background-color: #D21F1E;
background-image: url();
}
-->
</style>
<link href="../CSS/Hintergrund_Tabelle.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Stil2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: small;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #D21F1E;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body>
<table width="800" height="600" border="0" align="center" cellpadding="5" cellspacing="5" class="hintergrund_tabelle">
<tr>
<td height="27" colspan="3"><div align="right" class="Stil1"><a href="http://zerban.de/tinc?key=b14HdajA" target="_blank">RSS-Feed</a> <a href="../newsletter.htm">Newsletter</a> <a href="../kontakt.htm">Kontakt</a> <a href="../impressum.htm">Impressum</a> <a href="../freunde.htm">Freunde</a> </div></td>
</tr>
<tr>
<td height="64" colspan="3"><!-- TemplateBeginEditable name="Logo" --><a href="../index.htm"><img src="../Bilder/Logo%20neudeutsch.jpg" width="780" height="76" border="0"></a><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td width="110" valign="top"><p class="Stil2"><a href="../index.htm">Editorial</a></p>
<p class="Stil2"><a href="../news.htm">Kurznachrichten</a></p>
<p class="Stil2"><a href="../trendbausteine.htm">Trend-Bausteine</a></p>
<p class="Stil2"><a href="../hoerbar.htm">Hör-Bar</a></p>
<p class="Stil2"><a href="../kommunikation.htm">Kommunikation</a></p>
<p class="Stil2"><a href="../lebensart.htm">Lebensart</a></p>
<p class="Stil2"><a href="../termine.htm">Termine</a></p>
<p class="Stil2"><a href="../buch_aktuell_090814.htm">Buch aktuell</a></p>
<p class="Stil2"><a href="../cool.htm">Cool!</a> </p></td>
<td width="505" valign="top"><!-- TemplateBeginEditable name="Gallery" -->
<script>
</div>
<div class="content">
<script type="text/javascript">
function jon1012-smoothgallery-205a5d558acb28d7dc543b10c431eb224be02cc8/startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false,
useHistoryManager: true
});
HistoryManager.start();
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<h3>Freilichtmuseum Hagen </h3>
<p>Gewerbe und Technik stehen im Vordergrund </p>
<a href="mypage1.html" title="open image" class="open"></a> <img src="Bilder/gallery/Hagen/01_Hagen_full.jpg" class="full" /> <img src="Bilder/gallery/Hagen/01_Hagen_thumbnail.jpg" class="thumbnail" /> </div>
<div class="imageElement">
<h3>Freilichtmuseum Hagen </h3>
<p>Alte Gehöfte sind eher selten </p>
<a href="mypage2.html" title="open image" class="open"></a> <img src="Bilder/gallery/Hagen/02_Hagen_full.jpg" class="full" /> <img src="Bilder/gallery/Hagen/02_Hagen_thumbnail.jpg" class="thumbnail" /> </div>
</div>
*<!-- TemplateEndEditable --></td>
<td width="135" valign="top"><!-- TemplateBeginEditable name="Werbung" -->Werbung<!-- TemplateEndEditable --></td>
</tr>
</table>
</body>
</html>
LinkBack URL
About LinkBacks
Zitieren
Zitat von dozent
.
