Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Bilder auf Hilfeseiten
#11
(22.07.2019, 09:53)bv64 schrieb: 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.
   
Zitieren
#12
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?
Zitieren
#13
(22.07.2019, 13:46)Schnapsnase schrieb: Mit float sollte das auch gehen.
Das ist doch jetzt aber nicht der Ursprung Deiner Kritik.
Hast Du was gegen mich? Big Grin Big Grin Toungue

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 Big Grin 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.
Zitieren
#14
(22.07.2019, 14:23)itsmeJAY schrieb: Das war übrigens keine Kritik sondern.......

Alles gut! Es war auch meinerseits eher mit Wink 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. Wink
Zitieren
#15
@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>
Zitieren
#16
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 Big Grin .

Werde dann mal weiterschauen wie ich es umsetze mit Bildern auf den Hilfeseiten.
Zitieren
#17
Wieso benutzt du nicht die erste Lösung von Herrn Schnapsnase? Big Grin
Zitieren
#18
(22.07.2019, 15:18)itsmeJAY schrieb: Wieso benutzt du nicht die erste Lösung von Herrn Schnapsnase? Big Grin
Da Fancybox da wohl irgendwie im Konflikt zu steht Secret   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 Big Grin .
Zitieren
#19
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. Big Grin

So, bin hier erst morgen wieder online.

Bis dahin
itsmeJAY
Zitieren
#20
(22.07.2019, 16:01)itsmeJAY schrieb: 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 Wink
itsmeJAY schrieb:Naja, bisschen Arbeit muss man immer investieren.
Das ist wohl der Punkt... Wink

(22.07.2019, 15:48)lenox schrieb: 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. Wink
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Hilfeseiten: Frontend = Deutsch / ACP = Englisch Gerti 24 5.409 15.03.2023, 12:38
Letzter Beitrag: Gerti
Question ACP -> Hilfeseiten werden nicht in der richtigen Sprache angezeigt Digitalkeeper 2 691 14.10.2022, 17:23
Letzter Beitrag: Digitalkeeper
  Hilfeseiten nicht bearbeitbar? Gerti 3 1.673 23.02.2018, 12:28
Letzter Beitrag: Gerti
  Hilfeseiten formatiert darstellen Brubaker 6 2.635 15.02.2017, 20:16
Letzter Beitrag: MrBrechreiz
  Hilfeseiten blacksocks 2 1.584 02.10.2016, 19:27
Letzter Beitrag: blacksocks