Simple Galerie
Supreme
- css
Hi
bevor ich nun wieder Unfug mache, wollte ich mir die Meinung von euch Experten einholen. Ich möchte in einem div mitten in der Seite ein paar Bilder zeigen (quasi eine sehr simple Galerie).
Wie ich ja mittlerweile weiß, muss ich darauf achten, dass ich Inhalt und Form trenne. Für mich bedeutet das im HTML-Bereich steht dann nur:
<a href="pfad/zum/bild.jpg" class="vorschau" target="_blank">
<img src="pfas/zum/bild.jpg" alt="Bild">
</a>
<!-- und weitere für jedes Bild -->
Ich weiß, dass die Variante mit target="_blank" nicht die beste ist, aber für etwas anderes bräuchte ich JS oder?
Im CSS würde dann sowas stehen wie:
.vorschau{
border:0;
}
.vorschau img{
width:100px;
height:50px;
float:left;
margin:1em;
}
.vorschau img:hover{
width:95px;
height:45px;
}/* Für einen kleinen optischen Effekt */
Meine Frage ist nun: Würdet ihr mir empfehlen für jede Zeile einen div hinzuzufügen, da durch den optischen Effekt logischer Weise die ganze Ansicht verrutscht oder würdet ihr das anders lösen?
Mit Sicherheit findet ihr noch Unzulänglichkeiten, wär euch dankbar für eine kleine Erklärung ggf.
Danke schonmal,
Liebe(r) Supreme,
Ich weiß, dass die Variante mit target="_blank" nicht die beste ist, aber für etwas anderes bräuchte ich JS oder?
"wofür" genau bräuchtest Du JS? Um Deine Besucher zu verärgern, weil Du ihnen vorschreibst in welchem (neuen) Tab oder Fenster sie Deine Inhalte gefälligst zu sehen haben? Nein, Du brauchst weder JS noch target="_blank" - es sei denn, Du willst Deine Besucher vergraulen.
Deine Bilder sind doch sicherlich eine Liste von ausgewählten Grafiken, oder? Dann nimm doch eine Liste! Das könnte so aussehen:
<ul class="bildergalerie">
<li>
<a href="vollbild1.jpg"><img src="thumbnail1.jpg" alt="Bild1" /></a>
</li>
<li>
<a href="vollbild2.jpg">...
</li>
...
</ul>
Mit CSS kannst Du dann das Aussehen beliebig steuern. Egal wie Du's haben willst. Und wenn Du Deinen Besuchern dann doch eine nettere Handhabung anbieten willst, kannst Du es ja mit meinem jsPopup versuchen...
Liebe Grüße,
Felix Riesterer.
"wofür" genau bräuchtest Du JS? Um Deine Besucher zu verärgern, weil Du ihnen vorschreibst in welchem (neuen) Tab oder Fenster sie Deine Inhalte gefälligst zu sehen haben? Nein, Du brauchst weder JS noch target="_blank" - es sei denn, Du willst Deine Besucher vergraulen.
Ich werde es auf jeden Fall mit deinem Skript machen. Lightbox war mir etwas zu viel geschnörkel, aber deine Lösung finde ich perfekt.
Deine Bilder sind doch sicherlich eine Liste von ausgewählten Grafiken, oder?
Mach ich!
Danke dir.