[lenox]

vielleicht über den kleinen Umweg mit zwei Grafiken, wobei auf der kleinen Grafik der Link zur großen Grafik liegt

Erstmal danke an alle bis hier hin, wie sollte der Code den aussehen um das zu erreichen?


Das einbinden per css wollte ich zwar nicht unbedingt, habe es aber mal mit 

Code:

img.meinbild {
transition: transform 0.5s;
}
img.meinbild:hover {
transform: scale(3.0, 3.0);
}

und

Code:

<img src="images/hilfe/galerie/link.png" class="meinbild" width="100" height="100" >

getestet. Da wird mir aber nur das Bild verzehrt und verkleinert angezeigt ,wenn man mit der Maus drüber fährt oder klickt passiert nix.
   

[Schnapsnase]

Im Code ist die Größenangabe quadratisch (100x100). Wenns original nicht so ist, dann wird es beim Zoomen verzerrt.
Also Code anpassen.
Die CSS-Anweisungen werden nicht ausgeführt, da sie durch eine andere Klasse überschrieben werden oder Du hast die Klasse im img-Tag nicht definiert.

Link zur Seite?

[itsmeJAY]

Mit float sollte das auch gehen.
Das ist doch jetzt aber nicht der Ursprung Deiner Kritik.
Hast Du was gegen mich?

Nein absolut nicht. Wie kommst du darauf?

Finde deine Lösung im Grundsatz ganz gut, was der Threadersteller wählt bleibt natürlich ihm überlassen Ausserdem finde ich es super, wie du hier hilfst.

Mal angenommen er möchte 4 Bilder darstellen pro Zeile oder mindestens mehr als 1, dann würde der display Block 4 Zeilen darstellen bzw mehr als 1 Zeile obwohl ein Thumbnail niemals die volle Breite abdeckt. Kannst natürlich nen Bild nach rechts floaten lassen, finde ich aber unsauber. Was ist mit der Mitte? Ich persönlich würde es inline anzeigen lassen - dann nimmt sich die Seite das, was sie braucht und zeigt es schön symmetrisch an. Das war übrigens keine Kritik sondern nur schonmal präventiv geschrieben, weil ich ahne, was sonst für ein Beitrag folgen wird.

[Schnapsnase]

Das war übrigens keine Kritik sondern.......

Alles gut! Es war auch meinerseits eher mit zu betrachten und Deine Gedanken sind keinesfalls abwegig.
Egal wie...Es sind 3 Lösungen und somit ein Anfang vorhanden. Letztlich muss man immer solange schleifen, bis es optimal passt oder den Ansprüchen des Thread-Erstellers genügt.
Aber die kennt er wohl am besten.

[bv64]

@lenox

so z.B.

Code:

<a href="URL des großen Bildes" target="_blank"><img src="URL des kleinen Bildes" border="0" alt="Klick für großes Bild" title="Klick für großes Bild" /></a>

[lenox]

Ok habe den Fehler gefunden es liegt an der Fancybox die ich damals nach der Anleitung hier installiert habe, warum es allerdings nicht auf den Hilfeseiten funktioniert verstehe ich nicht ganz  .

Werde dann mal weiterschauen wie ich es umsetze mit Bildern auf den Hilfeseiten.

[itsmeJAY]

Wieso benutzt du nicht die erste Lösung von Herrn Schnapsnase?

[lenox]

Wieso benutzt du nicht die erste Lösung von Herrn Schnapsnase?

Da Fancybox da wohl irgendwie im Konflikt zu steht   durch Fancybox gibt es die css Klasse .

Code:

.scaleimages img {
    max-width: 400px;
    height: auto;

 
Alle 15 oder mehr Bilder per css einzeln einzubinden, ist mir irgendwie auch zu umständlich, da erstelle ich lieber nen Hilfeforum und packe da alles von den Hilfeseiten in Threads rein  .

[itsmeJAY]

Wahrscheinlich packt sich fanybox den Selektor für den img-tag generell... könnte ich mir vorstellen.

Naja, bisschen Arbeit muss man immer investieren. Entweder man macht es manuell - was bei paar Hilfe-Seiten mit wenig Bildern sinnvoll ist - oder man schreibt sich eine eigene Galerie. So schwierig ist das nicht, frage ist nur, ob es sich lohnt.. und das glaube ich in deinem Fall nicht.

So, bin hier erst morgen wieder online.

Bis dahin
itsmeJAY

[Schnapsnase]

Wahrscheinlich packt sich fanybox den Selektor für den img-tag generell... könnte ich mir vorstellen.

nun ja...ich habe es in der Konsole so konfigurieren können, dass es einwandfrei funktioniert

Naja, bisschen Arbeit muss man immer investieren.

Das ist wohl der Punkt...

Alle 15 oder mehr Bilder per css einzeln einzubinden, ist mir irgendwie auch zu umständlich

Bei einer "einfachen" Lösung wirst Du wohl entweder das Image in verschiedenen Größen speichern und dann 2x im html-Code hinterlegen müssen (Lösung von "bv64"), oder dem Image zusätzliche css-Anweisungen mitgeben müssen (Lösung von "Schnapsnase").
Der unterschiedliche Arbeitsaufwand ist m.M. unerheblich. Das Ergebnis liegt im Auge des Betrachters.
Natürlich gibt`s andere Möglichkeiten (z.B. per JS), dabei kann ich aber nicht helfen.