Antworten auf deine Fragen:
Neues Thema erstellen

Dreamweaver - Bildergalerie neu programmieren

gestandeneFrau

... sitzt auch öfter

Ich habe vor einigen Jahren eine Page mit Frames angefangen über meinen Heimatort. Inzwischen schon einmal geändert. Nun möchte ich sie ohne Frames neu erstellen mit einer Vorlage.

Mein Problem dabei: Auf der Seite gibt es auch Bildergalerien, die bislang im Hauptframe erscheinen. Erstellt mit Fireworks.

Fireworks erstellt pro Galerie eine Indexdatei mit Thumpnails/Piktogrammen und in einem extra Ordner die Seiten für jedes einzelne große Bild.

Die index dazu erstellen ist kein Problem, aber wie mache ich es, damit auch die Seiten der einzelnen, großen Bilder in diesem bearbeitbaren Bereich erscheinen?

Ich habe zwar auch schon an einen IFrame gedacht, aber Probleme, den dort zu erstellen. Blackout. *lach* :'(

Falls sich jemand dazu die aktuelle Seite ansehen möchte:
sachsenhagen-gestern-und-heute.de
Dann einfach auf Schützenfest/Bilder klicken und sich eine Galerie aussuchen.
 
Zuletzt bearbeitet von einem Moderator:

sokie

Mod | Web

AW: Dreamweaver - Bildergalerie neu programmieren

Hallo getandeneFrau,
die Sache in einen Iframe zu setzen ändert das Problem nicht. es bleibt ja eine Frameseite.
du kannst, wenn die Galerieseite, Deine Seite und der Ordner im gleichen Verzeichnis liegen, den Quelltext aus der Galerie auch in deine Seite kopieren.
genaueres lässt sich allerdings erst sagen, wenn man die Quelltexte der betreffenden Dateien hätte / oder ein link zu den seiten.
 

gestandeneFrau

... sitzt auch öfter

AW: Dreamweaver - Bildergalerie neu programmieren

An die Möglichkeit habe ich zwar auch schon gedacht, aber ich habe bestimmt über 500 Seiten an Einzelbilder. Bedeutet: über 500 neue Seiten erstellen. :-(
Genau das wollte ich mir ersparen.
Der Quellcode der Vorlage-Seite:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../format-neu.css" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Unbenanntes Dokument</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css"> 
    <!-- 
    
    --> 
    </style>
<!--[if IE]>
 
 <!--   
    <style type="text/css"> 
    /* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
    </style>
    <![endif]-->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- TemplateParam name="Inhalt" type="boolean" value="true" --><br />
    </head>
<body class="twoColLiqLtHdr">
    <div id="container"> 
      <div id="header">
      <table width="98%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    
 <td width="200" align="center" class="leisteob" style="font-family:arial;font-size:8pt;color:black;font-weight:bold"><script
language="JavaScript">
<!--
var jetzt = new Date();
Wochentagsbezeichnung = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
Monatsbezeichnung = new Array ("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
var Tag = jetzt.getDate();
var Wochentag = jetzt.getDay();
var Monat = jetzt.getMonth();
var Jahr = jetzt.getYear();
document.write( Wochentagsbezeichnung[Wochentag] + ", " + Tag + ". " + Monatsbezeichnung[Monat] + " " + Jahr + "<BR>");

// -->
</script>
 </td>
    <td width="275" class="leisteob"><div align="center"></div></td>
    <td id="menu2" align="center"  width="113"   ><a href="index.html" target="_top">&nbsp;&nbsp;Home&nbsp;&nbsp;</a></td>
    <td id="menu2" align="center"  width="111"   ><a href="impressum.html" target="Hauptframe">&nbsp;&nbsp;Impressum&nbsp;&nbsp;</a></td>
    <td id="menu2" align="center"  width="113"   ><a href="wetter.html" target="Hauptframe">&nbsp;&nbsp;Wetter&nbsp;&nbsp;</a></td>
    <td id="menu2" align="center"  width="113"   ><a href="privat.html" target="Hauptframe">&nbsp;&nbsp;Privat&nbsp;&nbsp;</a></td>
 <td id="menu2" align="center"  width="114"   ><a href="ferienkalender.html" target="Hauptframe">&nbsp;&nbsp;Ferien&nbsp;&nbsp;</a></td>
    <td id="menu2" align="center"  width="171"   ><a href="gaestebuch.html" target="Hauptframe">&nbsp;&nbsp;G&auml;stebuch&nbsp;&nbsp;</a></td>
  </tr>
  
</table>
        
      <!-- end #header --></div>
       <div id="header2">
        <!-- TemplateBeginEditable name="Counter" -->&nbsp;<!-- TemplateEndEditable -->
        <!-- end #footer --></div>
       <div id="sidebar1"><!-- TemplateBeginEditable name="Navi" -->
         <ul id="MenuBar2" class="MenuBarVertical">
           <li><a href="#">&raquo;Spaziergang</a> </li>
           <li><a href="gruss.html" class="MenuBarItemSubmenu">&raquo;Stra&szlig;en</a>
               <ul>
                 <li><a href="markt.html">&raquo;Marktplatz</a></li>
                 <li><a href="kuhle.html">&raquo;Kuhle</a></li>
                 <li><a href="goedenstr.html">&raquo;G&ouml;denstra&szlig;e</a></li>
                 <li><a href="mittel.html">&raquo;Mittelstra&szlig;e</a></li>
                 <li><a href="petersielie.html">&raquo;Petersilienstr.</a></li>
                 <li><a href="obere.html">&raquo;Obere Stra&szlig;e</a></li>
                 <li><a href="wieters.html">&raquo;Wietersheimer Str.</a></li>
                 <li><a href="duehlfeld.html">&raquo;D&uuml;hlfeld</a></li>
               </ul>
           </li>
           <li><a class="MenuBarItemSubmenu" href="gebaut.html">Geb&auml;ude</a>
               <ul>
                 <li><a href="schloss.html">Schlo&szlig;</a> </li>
                 <li><a href="domaene.html">Dom&auml;ne</a></li>
                 <li><a href="ev_kirche.html">ev. Kirche</a></li>
                 <li><a href="kath_kirche.html">kath. Kirche</a></li>
               </ul>
           </li>
           <li><a href="#" class="MenuBarItemSubmenu">Vereine</a>
               <ul>
                 <li><a href="drk.html" class="MenuBarItemSubmenu">DRK</a>
                     <ul>
                       <li><a href="chronolie.html">Chronologie</a></li>
                       <li><a href="verschied.html">Verschiedenes</a></li>
                       <li><a href="bilder_rott.html">Bilder</a></li>
                     </ul>
                 </li>
                 <li><a href="schuetz_verein.html" class="MenuBarItemSubmenu">Sch&uuml;tzenverein</a>
                     <ul>
                       <li><a href="vorsitzt.html">Vorsitzende</a></li>
                       <li><a href="galerie_sch.html">Galerie</a></li>
                     </ul>
                 </li>
               </ul>
           </li>
           <li><a href="schuetzenfest.html" class="MenuBarItemSubmenu">Sch&uuml;tzenfest</a>
               <ul>
                 <li><a href="1948.html">1948</a></li>
                 <li><a href="1951.html">1951</a></li>
                 <li><a href="#">Galerie</a></li>
               </ul>
           </li>
           <li><a href="bilder-fest.html">Bilder 2006-</a></li>
           <li><a href="#" class="MenuBarItemSubmenu">Rott</a>
               <ul>
                 <li><a href="rott1.html">Rott I</a></li>
                 <li><a href="rott2.html">Rott II</a></li>
                 <li><a href="rott3.html">Rott III</a></li>
                 <li><a href="rott4.html">RottIV</a></li>
                 <li><a href="rott5.html">RottV</a></li>
               </ul>
           </li>
           <li><a href="konig.html">K&ouml;nig</a></li>
           <li><a href="konigin.html">K&ouml;nigin</a></li>
           <li><a href="jugend.html">Jugendk&ouml;nig</a></li>
           <li><a href="rottmeister.html" class="MenuBarItemSubmenu">Rottmeister</a>
               <ul>
                 <li><a href="rottm2.html">Rottmeister 2</a></li>
                 <li><a href="rottm3.html">Rottmeister 3</a></li>
                 <li><a href="rottm4.html">Rottmeister 4</a></li>
                 <li><a href="rottm5.html">Rottmeister 5</a></li>
                 <li><a href="damen.html">Damen</a></li>
               </ul>
           </li>
           <li><a href="damenrott.html" class="MenuBarItemSubmenu">Damenrott</a>
               <ul>
                 <li><a href="bilder_damen.html" class="MenuBarItemSubmenu">Bilder</a>
                     <ul>
                       <li><a href="../Bilder/rott06_kl/index.htm" target="Inhalt">2006 Galerie1</a></li>
                       <li><a href="../Bilder/rott06b_kl/index.htm">2006 Galerie2</a></li>
                       <li><a href="../Bilder/rott07_kl/index.htm">2007 Galerie1</a></li>
                       <li><a href="../Bilder/rott08-1_kl/index.htm">2008 Galerie1</a></li>
                       <li><a href="../Bilder/rott08-2_kl/index.htm">2008 Galerie2</a></li>
                       <li><a href="../Bilder/rott-1_kl/index.htm">2009 Galerie1</a></li>
                       <li><a href="../Bilder/rott-2_kl/index.htm">2009 Galerie2</a></li>
                     </ul>
                 </li>
                 <li><a href="#">Lieder</a></li>
               </ul>
           </li>
         </ul>
         <!-- TemplateEndEditable -->
         <h3>&nbsp;</h3>
      <!-- end #sidebar1 --></div>
      <div id="mainContent"><!-- TemplateBeginEditable name="Inhalt" -->
HIER IST DER HAUPTTEIL FÜR DIE GALERIE ETC.
<!-- TemplateEndEditable -->
         <h2>&nbsp;</h2>
          
    <!-- end #mainContent --></div>
      <!-- Dieses clear-Element sollte direkt auf das #mainContent-div folgen, um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen. --><br class="clearfloat" />
      
    <!-- end #container --></div>
    <script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:

gestandeneFrau

... sitzt auch öfter

AW: Dreamweaver - Bildergalerie neu programmieren

Hier noch die Index Seite der Galerie. Mit einem Link kann ich leider nicht dienen. :)
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html><head>
<title>Damenrott2  2009</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<link rel="stylesheet" href="../../format2.css" type="text/css">
<body>
<center>
<table>
<tr>
<td><h1>Damenrott 2009/2</h1></td>
</tr></table><br>
<table align="center" border="0" cellspacing="10">
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0223_jpg.htm"><img src="Piktogramm/IMGP0223_jpg.jpg" border="0"></a>
<br>
IMGP0223.jpg</td>
<td align="center"><a href="Seiten/IMGP0224_jpg.htm"><img src="Piktogramm/IMGP0224_jpg.jpg" border="0"></a>
<br>
IMGP0224.jpg</td>
<td align="center"><a href="Seiten/IMGP0225_jpg.htm"><img src="Piktogramm/IMGP0225_jpg.jpg" border="0"></a>
<br>
IMGP0225.jpg</td>
<td align="center"><a href="Seiten/IMGP0226_jpg.htm"><img src="Piktogramm/IMGP0226_jpg.jpg" border="0"></a>
<br>
IMGP0226.jpg</td>
<td align="center"><a href="Seiten/IMGP0227_jpg.htm"><img src="Piktogramm/IMGP0227_jpg.jpg" border="0"></a>
<br>
IMGP0227.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0228_jpg.htm"><img src="Piktogramm/IMGP0228_jpg.jpg" border="0"></a>
<br>
IMGP0228.jpg</td>
<td align="center"><a href="Seiten/IMGP0229_jpg.htm"><img src="Piktogramm/IMGP0229_jpg.jpg" border="0"></a>
<br>
IMGP0229.jpg</td>
<td align="center"><a href="Seiten/IMGP0232_jpg.htm"><img src="Piktogramm/IMGP0232_jpg.jpg" border="0"></a>
<br>
IMGP0232.jpg</td>
<td align="center"><a href="Seiten/IMGP0233_jpg.htm"><img src="Piktogramm/IMGP0233_jpg.jpg" border="0"></a>
<br>
IMGP0233.jpg</td>
<td align="center"><a href="Seiten/IMGP0234_jpg.htm"><img src="Piktogramm/IMGP0234_jpg.jpg" border="0"></a>
<br>
IMGP0234.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0235_jpg.htm"><img src="Piktogramm/IMGP0235_jpg.jpg" border="0"></a>
<br>
IMGP0235.jpg</td>
<td align="center"><a href="Seiten/IMGP0236_jpg.htm"><img src="Piktogramm/IMGP0236_jpg.jpg" border="0"></a>
<br>
IMGP0236.jpg</td>
<td align="center"><a href="Seiten/IMGP0237_jpg.htm"><img src="Piktogramm/IMGP0237_jpg.jpg" border="0"></a>
<br>
IMGP0237.jpg</td>
<td align="center"><a href="Seiten/IMGP0238_jpg.htm"><img src="Piktogramm/IMGP0238_jpg.jpg" border="0"></a>
<br>
IMGP0238.jpg</td>
<td align="center"><a href="Seiten/IMGP0239_jpg.htm"><img src="Piktogramm/IMGP0239_jpg.jpg" border="0"></a>
<br>
IMGP0239.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0240_jpg.htm"><img src="Piktogramm/IMGP0240_jpg.jpg" border="0"></a>
<br>
IMGP0240.jpg</td>
<td align="center"><a href="Seiten/IMGP0242_jpg.htm"><img src="Piktogramm/IMGP0242_jpg.jpg" border="0"></a>
<br>
IMGP0242.jpg</td>
<td align="center"><a href="Seiten/IMGP0244_jpg.htm"><img src="Piktogramm/IMGP0244_jpg.jpg" border="0"></a>
<br>
IMGP0244.jpg</td>
<td align="center"><a href="Seiten/IMGP0245_jpg.htm"><img src="Piktogramm/IMGP0245_jpg.jpg" border="0"></a>
<br>
IMGP0245.jpg</td>
<td align="center"><a href="Seiten/IMGP0246_jpg.htm"><img src="Piktogramm/IMGP0246_jpg.jpg" border="0"></a>
<br>
IMGP0246.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0247_jpg.htm"><img src="Piktogramm/IMGP0247_jpg.jpg" border="0"></a>
<br>
IMGP0247.jpg</td>
<td align="center"><a href="Seiten/IMGP0248_jpg.htm"><img src="Piktogramm/IMGP0248_jpg.jpg" border="0"></a>
<br>
IMGP0248.jpg</td>
<td align="center"><a href="Seiten/IMGP0249_jpg.htm"><img src="Piktogramm/IMGP0249_jpg.jpg" border="0"></a>
<br>
IMGP0249.jpg</td>
<td align="center"><a href="Seiten/IMGP0250_jpg.htm"><img src="Piktogramm/IMGP0250_jpg.jpg" border="0"></a>
<br>
IMGP0250.jpg</td>
<td align="center"><a href="Seiten/IMGP0251_jpg.htm"><img src="Piktogramm/IMGP0251_jpg.jpg" border="0"></a>
<br>
IMGP0251.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0252_jpg.htm"><img src="Piktogramm/IMGP0252_jpg.jpg" border="0"></a>
<br>
IMGP0252.jpg</td>
<td align="center"><a href="Seiten/IMGP0253_jpg.htm"><img src="Piktogramm/IMGP0253_jpg.jpg" border="0"></a>
<br>
IMGP0253.jpg</td>
<td align="center"><a href="Seiten/IMGP0254_jpg.htm"><img src="Piktogramm/IMGP0254_jpg.jpg" border="0"></a>
<br>
IMGP0254.jpg</td>
<td align="center"><a href="Seiten/IMGP0255_jpg.htm"><img src="Piktogramm/IMGP0255_jpg.jpg" border="0"></a>
<br>
IMGP0255.jpg</td>
<td align="center"><a href="Seiten/IMGP0256_jpg.htm"><img src="Piktogramm/IMGP0256_jpg.jpg" border="0"></a>
<br>
IMGP0256.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/IMGP0257_jpg.htm"><img src="Piktogramm/IMGP0257_jpg.jpg" border="0"></a>
<br>
IMGP0257.jpg</td>
<td align="center"><a href="Seiten/IMGP0258_jpg.htm"><img src="Piktogramm/IMGP0258_jpg.jpg" border="0"></a>
<br>
IMGP0258.jpg</td>
<td align="center"><a href="Seiten/IMGP0263_jpg.htm"><img src="Piktogramm/IMGP0263_jpg.jpg" border="0"></a>
<br>
IMGP0263.jpg</td>
<td align="center"><a href="Seiten/p1010001_jpg.htm"><img src="Piktogramm/p1010001_jpg.jpg" border="0"></a>
<br>
p1010001.jpg</td>
<td align="center"><a href="Seiten/P1010002_jpg.htm"><img src="Piktogramm/P1010002_jpg.jpg" border="0"></a>
<br>
P1010002.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/P1010003_jpg.htm"><img src="Piktogramm/P1010003_jpg.jpg" border="0"></a>
<br>
P1010003.jpg</td>
<td align="center"><a href="Seiten/P1010004_jpg.htm"><img src="Piktogramm/P1010004_jpg.jpg" border="0"></a>
<br>
P1010004.jpg</td>
<td align="center"><a href="Seiten/P1010005_jpg.htm"><img src="Piktogramm/P1010005_jpg.jpg" border="0"></a>
<br>
P1010005.jpg</td>
<td align="center"><a href="Seiten/P1010006_jpg.htm"><img src="Piktogramm/P1010006_jpg.jpg" border="0"></a>
<br>
P1010006.jpg</td>
<td align="center"><a href="Seiten/P1010007_jpg.htm"><img src="Piktogramm/P1010007_jpg.jpg" border="0"></a>
<br>
P1010007.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/P1010008_jpg.htm"><img src="Piktogramm/P1010008_jpg.jpg" border="0"></a>
<br>
P1010008.jpg</td>
<td align="center"><a href="Seiten/P1010009_jpg.htm"><img src="Piktogramm/P1010009_jpg.jpg" border="0"></a>
<br>
P1010009.jpg</td>
<td align="center"><a href="Seiten/P1010010_jpg.htm"><img src="Piktogramm/P1010010_jpg.jpg" border="0"></a>
<br>
P1010010.jpg</td>
<td align="center"><a href="Seiten/P1010011_jpg.htm"><img src="Piktogramm/P1010011_jpg.jpg" border="0"></a>
<br>
P1010011.jpg</td>
<td align="center"><a href="Seiten/P1010012_jpg.htm"><img src="Piktogramm/P1010012_jpg.jpg" border="0"></a>
<br>
P1010012.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/P1010014_jpg.htm"><img src="Piktogramm/P1010014_jpg.jpg" border="0"></a>
<br>
P1010014.jpg</td>
<td align="center"><a href="Seiten/P1010015_jpg.htm"><img src="Piktogramm/P1010015_jpg.jpg" border="0"></a>
<br>
P1010015.jpg</td>
<td align="center"><a href="Seiten/P1010016_jpg.htm"><img src="Piktogramm/P1010016_jpg.jpg" border="0"></a>
<br>
P1010016.jpg</td>
<td align="center"><a href="Seiten/P1010017_jpg.htm"><img src="Piktogramm/P1010017_jpg.jpg" border="0"></a>
<br>
P1010017.jpg</td>
<td align="center"><a href="Seiten/P1010019_jpg.htm"><img src="Piktogramm/P1010019_jpg.jpg" border="0"></a>
<br>
P1010019.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/P1010020_jpg.htm"><img src="Piktogramm/P1010020_jpg.jpg" border="0"></a>
<br>
P1010020.jpg</td>
<td align="center"><a href="Seiten/P1010022_jpg.htm"><img src="Piktogramm/P1010022_jpg.jpg" border="0"></a>
<br>
P1010022.jpg</td>
<td align="center"><a href="Seiten/P1010023_jpg.htm"><img src="Piktogramm/P1010023_jpg.jpg" border="0"></a>
<br>
P1010023.jpg</td>
<td align="center"><a href="Seiten/P1010025_jpg.htm"><img src="Piktogramm/P1010025_jpg.jpg" border="0"></a>
<br>
P1010025.jpg</td>
<td align="center"><a href="Seiten/P1010026_jpg.htm"><img src="Piktogramm/P1010026_jpg.jpg" border="0"></a>
<br>
P1010026.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/P1010027_jpg.htm"><img src="Piktogramm/P1010027_jpg.jpg" border="0"></a>
<br>
P1010027.jpg</td>
<td align="center"><a href="Seiten/P1010028_jpg.htm"><img src="Piktogramm/P1010028_jpg.jpg" border="0"></a>
<br>
P1010028.jpg</td>
<td align="center"><a href="Seiten/P1010029_jpg.htm"><img src="Piktogramm/P1010029_jpg.jpg" border="0"></a>
<br>
P1010029.jpg</td>
<td align="center"><a href="Seiten/P1010030_jpg.htm"><img src="Piktogramm/P1010030_jpg.jpg" border="0"></a>
<br>
P1010030.jpg</td>
<td align="center"><a href="Seiten/P1010031_jpg.htm"><img src="Piktogramm/P1010031_jpg.jpg" border="0"></a>
<br>
P1010031.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="Seiten/P1010033_jpg.htm"><img src="Piktogramm/P1010033_jpg.jpg" border="0"></a>
<br>
P1010033.jpg</td>
<td align="center"><a href="Seiten/P1010034_jpg.htm"><img src="Piktogramm/P1010034_jpg.jpg" border="0"></a>
<br>
P1010034.jpg</td>
<td align="center"><a href="Seiten/P1010036_jpg.htm"><img src="Piktogramm/P1010036_jpg.jpg" border="0"></a>
<br>
P1010036.jpg</td>
</tr>
</table>
</center>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:

sokie

Mod | Web

AW: Dreamweaver - Bildergalerie neu programmieren

für solche Galerien kann so eine Sche wie zB lightbox eine gute sache sein.
Da brauchst du nicht für jedes Bild eine eigene Seite mit den links für die vor- und zurück-funktionalität.
Das heisst, dass das Bild jeweils in der Seite geöffnet wird, und man über die Schaltflächen vor und zurück schalten kann.
in dem Fall müssten 'nur' die galerie-indexe angepasst werden. (mit suchen und ersetzen)
 

gestandeneFrau

... sitzt auch öfter

AW: Dreamweaver - Bildergalerie neu programmieren

Das liest sich ja schon mal sehr gut. Danke.
Werde ich mal googlen oder hast du einen Link für mich? :)
 

sokie

Mod | Web

AW: Dreamweaver - Bildergalerie neu programmieren

ja,zur lightbox download und beschreibung Lightbox 2

hier ein tutorial dazu (falls die beschreibung auf der Seite nicht ausreicht)
 

gestandeneFrau

... sitzt auch öfter

AW: Dreamweaver - Bildergalerie neu programmieren

Nochmals danke. Dieses Forum und vor allem die Mitglieder sind super. :)
Hatte beim Googlen gerade eine kostenpflichtige Seite für ein deutsches Tut erwischt.
Ich bin ja sooo gut in Englisch. :-(
 

gestandeneFrau

... sitzt auch öfter

AW: Dreamweaver - Bildergalerie neu programmieren

Jepp, finde ich auch genial. Sowie bei uns zum Schützenfest "aufgebaut" wird, fahr ich extra daran vorbei. Einfach, weil ichs unheimlich gut finde. :D
 

cebito

undefined

AW: Dreamweaver - Bildergalerie neu programmieren

Wenn dein Webspace PHP unterstützt wird es noch einfacher. Deine Bilder und die Thumbnails hast du ja schon in verschiedenen Ordnern. Wenn du diese jetzt bspw. umbenennst in "thumbs_schuetzenfest2009" für die Vorschaubilder und "schuetzenfest2009" für die großen reicht ein kleines Script auf der Seite (als ".php" gespeichert) und...

PHP:
<div id="Bildershow"><!-- wo die Vorschaubilder angezeigt werden sollen -->

<?php
$verzeichnis = "thumbs_schuetzenfest2009/"; //hier den Pfad zum Thumbnail Ordner eintragen und den / am Ende nicht vergessen...
$ordner = openDir($verzeichnis); 
while ($file = readDir($ordner)) {
 if($file != "." && $file != "..") {
  echo"<a href=\"";
  $gross = substr("$verzeichnis$file", 7, 100); //schneidet "thumbs_" vor dem String ab (7 Zeichen) und gibt danach bis 100 Zeichen aus... -> Pfad zum großen Bild
  echo"$gross";
  echo"\" rel=\"lightbox[galerie]\" onfocus=\"this.blur()\" title=\"\">";
  echo"<img src=\"";
  echo"$verzeichnis$file";
  echo"\" alt=\"\" /></a>";
  echo"\n";
 }
}

closeDir($ordner);
?>

</div>
Du müsstest lediglich für eine neue Galerie den Pfad zum Thumbs-Ordner
$verzeichnis = "thumbs_schuetzenfest2009/"; ändern.
Spart dir bei der Menge an Galerien und Bildern unwahrscheinlich viel Schreibarbeit... :D

Edit - ach ja, die Bilder müssen natürlich dieselben Namen besitzen (was bei dir ja der Fall ist) und lediglich in den verschiedenen Ordnern für gross und klein sein...
 
Zuletzt bearbeitet:

gestandeneFrau

... sitzt auch öfter

AW: Dreamweaver - Bildergalerie neu programmieren

Danke auch dir.
Das werde ich dann wohl als nächstes versuchen. Mit Lightbox habe ich mich nun einige Stunden herumgeschlagen und mich bereits gefragt, wieviel Wochen ich brauche, bis ich alles umgeschrieben habe. Sieht ja toll aus, aber......
Ich hab zwar von PHP null Ahnung, aber wofür hab ich nen Sohn mit Ahnung?
 

cebito

undefined

AW: Dreamweaver - Bildergalerie neu programmieren

@cebito:
welchen Zweck erfüllt dieser Teil ?

Den gepünktelten Rahmen beim draufklicken zu unterdrücken. Weiß, sollte man eigentlich wegen der Barrierefreiheit nicht so benutzen, war bei mir 'ne Designfrage. Habs nur eben so reinkopiert... geht auch ohne :D
 

PSDAE

Noch nicht viel geschrieben

AW: Dreamweaver - Bildergalerie neu programmieren

Kannst du mal bitte den Link der Homepage posten. Die Homepage würde mich total interessieren
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.642
Beiträge
1.538.514
Mitglieder
67.559
Neuestes Mitglied
Andi Schäfer
Oben