Tweet
Servus,
ich betreue ehrenamtlich die Internetpräsenz des Schützenvereins „Einigkeit“ Autenzell-Rettenbach. Die größere Version der im Fließtext eingebundenen Bilder möchte ich zukünftig nicht mehr in einem per JavaScript erzeugten PopUp-Fenster, sondern zusammen mit einer Bildbeschreibung auf einer separaten Seite präsentieren. Die Idee dahinter ist, einerseits die Zugänglichkeit zu verbessern und andererseits die Einbindung von Bildern in den Fließtext zu erleichtern.
---
<a href="/verzeichnis/bilddetails/?ein-baum" title="Bilddetails"><img src="ein-baum.jpg" alt="Ein Baum" title="" width="40" height="30" class="galerie" id="ein-baum" /></a>
---
Der Link verweist auf das Verzeichnis mit dem neu zu schaffenden PHP-Script und übergibt das anzuzeigende Bild. Die kleine und die große Version der Bilder sind gleich benannt, liegen aber in unterschiedlichen Verzeichnissen (kleines Bild: /verzeichnis/, großes Bild: /verzeichnis/bilddetails/). Sie haben bereits die passende Größe, die Werte der Attribute width und height sollten automatisch korrekt angegeben werden. Derzeit gibt es drei verschiedene Klassen (links, rechts, galerie), es können aber durchaus noch mehr werden. Die ID dient als Sprungziel. Dazu später mehr.
---
<h2>Bilddetails</h2>
<a href="/verzeichnis/#ein-baum" title="Zurück"><img src="ein-baum.jpg" alt="Ein Baum" title="" width="400" height="300" /></a>
<p>Hier wird jetzt der Baum ausführlichst beschrieben.</p>
<ul>
<li><a href="/verzeichnis/bilddetails/?ein-blatt">Vorheriges Bild</a></li>
<li><a href="/verzeichnis/bilddetails/?noch-ein-baum">Nächstes Bild</a></li>
</ul>
---
Über den Link gelangt man zurück zur kleinen Version des gerade angezeigten Bildes. Deshalb wurde oben eine ID vergeben. Auch hier sollten die Bildmaße wieder automatisch angegeben werden. Über die Links „Vorheriges Bild“ und „Nächstes Bild“ sollte man zum vorherigen bzw. nächsten Bild der jeweiligen Seite wechseln können. Ist das erste bzw. letzte Bild erreicht, geht es mit dem letzten bzw. ersten Bild weiter. Ruft man das Verzeichnis „bilddetails“ direkt oder mit einem nicht vorhandenen Bildnamen als Parameter auf, sollte eine entsprechende Fehlermeldung ausgegeben werden.
Im Quelltext der Seiten sollte dem Script möglichst nur ein Bildname (im Beispiel „ein-baum“) übergeben werden, die restlichen Daten sollten in einer MYSQL-Datenbank hinterlegt werden. Dafür wäre eine komfortable Bedienoberfläche recht nützlich, mit der man neue Bilddaten anlegen und vorhandene Bilddaten ändern oder löschen kann.
Lässt sich das so umsetzen? Habt ihr eine bessere Idee? Ich freue mich auf eure Angebote (am besten per E-Mail an gerhard [at] designfanatiker.de und mit ungefährer Preisvorstellung).
Beste Grüße
Gerhard
ich betreue ehrenamtlich die Internetpräsenz des Schützenvereins „Einigkeit“ Autenzell-Rettenbach. Die größere Version der im Fließtext eingebundenen Bilder möchte ich zukünftig nicht mehr in einem per JavaScript erzeugten PopUp-Fenster, sondern zusammen mit einer Bildbeschreibung auf einer separaten Seite präsentieren. Die Idee dahinter ist, einerseits die Zugänglichkeit zu verbessern und andererseits die Einbindung von Bildern in den Fließtext zu erleichtern.
---
<a href="/verzeichnis/bilddetails/?ein-baum" title="Bilddetails"><img src="ein-baum.jpg" alt="Ein Baum" title="" width="40" height="30" class="galerie" id="ein-baum" /></a>
---
Der Link verweist auf das Verzeichnis mit dem neu zu schaffenden PHP-Script und übergibt das anzuzeigende Bild. Die kleine und die große Version der Bilder sind gleich benannt, liegen aber in unterschiedlichen Verzeichnissen (kleines Bild: /verzeichnis/, großes Bild: /verzeichnis/bilddetails/). Sie haben bereits die passende Größe, die Werte der Attribute width und height sollten automatisch korrekt angegeben werden. Derzeit gibt es drei verschiedene Klassen (links, rechts, galerie), es können aber durchaus noch mehr werden. Die ID dient als Sprungziel. Dazu später mehr.
---
<h2>Bilddetails</h2>
<a href="/verzeichnis/#ein-baum" title="Zurück"><img src="ein-baum.jpg" alt="Ein Baum" title="" width="400" height="300" /></a>
<p>Hier wird jetzt der Baum ausführlichst beschrieben.</p>
<ul>
<li><a href="/verzeichnis/bilddetails/?ein-blatt">Vorheriges Bild</a></li>
<li><a href="/verzeichnis/bilddetails/?noch-ein-baum">Nächstes Bild</a></li>
</ul>
---
Über den Link gelangt man zurück zur kleinen Version des gerade angezeigten Bildes. Deshalb wurde oben eine ID vergeben. Auch hier sollten die Bildmaße wieder automatisch angegeben werden. Über die Links „Vorheriges Bild“ und „Nächstes Bild“ sollte man zum vorherigen bzw. nächsten Bild der jeweiligen Seite wechseln können. Ist das erste bzw. letzte Bild erreicht, geht es mit dem letzten bzw. ersten Bild weiter. Ruft man das Verzeichnis „bilddetails“ direkt oder mit einem nicht vorhandenen Bildnamen als Parameter auf, sollte eine entsprechende Fehlermeldung ausgegeben werden.
Im Quelltext der Seiten sollte dem Script möglichst nur ein Bildname (im Beispiel „ein-baum“) übergeben werden, die restlichen Daten sollten in einer MYSQL-Datenbank hinterlegt werden. Dafür wäre eine komfortable Bedienoberfläche recht nützlich, mit der man neue Bilddaten anlegen und vorhandene Bilddaten ändern oder löschen kann.
Lässt sich das so umsetzen? Habt ihr eine bessere Idee? Ich freue mich auf eure Angebote (am besten per E-Mail an gerhard [at] designfanatiker.de und mit ungefährer Preisvorstellung).
Beste Grüße
Gerhard