Hallo nochmal
Habe zwischenzeitlich mit Eurer beider verschiedenen Versionen - auf meine eigenen Seiten - noch etwas rumgetüftelt und bin zum aktuellen Stand der Dinge gekommen.
- Das Vergrössern einer kleinen Bilddatei ohne Klick, also nur "on hover", macht das Ganze sehr nervös. Dieser Ansatz von mir war nicht gut. Besser, dass geklickt werden muss. nextuser: Du hast es vor mir gewusst!
- In der angefügten Version (Ausgang Tag # 15, Sempervivum) habe ich bloss css-Datei und js-Datei (inkl. Bilder) in separate Unterverz/Dateien ausgelagert, um dann auch in viele andere Seiten einbauen zu können.
- Wunsch wäre nun noch - ich hab's leider nicht hinbekommen - dass Maus-Zeiger bei hovern über kleinem Bild zu "Plus-Zeiger" bzw. über grossem Bild zu "Minus-Zeiger" wird. Ansatz etwa wie nachstehend? (Mir ist klar, dass das nur für Bildschirm gilt).
cursor: -moz-zoom-in; bzw. cursor: -moz-zoom-out;
cursor: -webkit-zoom-in; bzw. cursor: -webkit-zoom-out;
cursor: zoom-in; bzw. cursor: zoom-out;
- Beim Vergrössern/Verkleinern des Bildes ist eine gewisse Verzögerung realisiert. Das ist prima. Bloss, wenn ich den Wert (in cc-File)
transition: all 1s linear; (?) ändere, kann ich auf der Seite keine Veränderung feststellen. Was habe ich (beim Verändern des Wertes "1s") falsch gemacht?
- Bei Anzeige von vergrössertem Bild und Klick darauf, wird "langsam" ausgeblendet. Wenn ich aber bei vergrössertem Bild auf anderes, kleines Bild klicke, fehlt diese Verzögerung. Lässt sich das "zwischen" den Bildern auch realisieren?
- Zuguter letzt noch die Frage nach "Responsive Design": Könnt Ihr mir helfen, das zu realisieren?
Interessanterweise funktioniert auch das Antippen für Vergrösserung/Verkleinerung auf meinem Mobil (Galaxy S8/Android). Bloss der Wechsel (von vergrössertem zu anderem, kleinen Bild) bleibt ohne Effekt.
Bin mir bewusst, dass das schon fast eine Frechheit ist, derart viel zu erbitten. Daher schon im Voraus herzlichen Dank für jegliche Ergänzungen!