Wenn der obige Daumen angeklickt wird, zeigt der Browser FullSize.jpg an, das an das Client-Fenster des Browsers angepasst ist. Wenn der Cursor darüber bewegt wird, erscheint ein "+", um anzuzeigen, dass das Bild in voller Größe angezeigt wird. Ich möchte das Bild in voller Größe anzeigen, ohne dass der Benutzer darauf klicken muss, um die volle Größe zu erhalten. Wie macht man das?
Was Sie beschreiben, ist leider eine Browser-UI-Funktion (oder "Bug", abhängig von Ihrem Standpunkt) und kann nur vom Benutzer aktiviert / deaktiviert werden. Normalerweise über die 'Einstellungen bearbeiten' Optionen.
Es wird nur ausgeführt, wenn das Bild in seiner vollen Größe größer ist als der Ansichts-Port, so dass der Benutzer das vollständige Bild sehen kann, ohne herumlaufen zu müssen, es wird "live" gemacht, so dass das Bild selbst nicht komprimiert wird Größe angepasst, nur skaliert, um in das Ansichtsfenster zu passen. Es ist auch sofort und intuitiv durch den Benutzer in nur einem Klick nicht machbar. Ich bin mir nicht sicher, ob ich eine solche Technik empfehlen könnte, wenn es einen Weg dafür gäbe, besonders da es ein Feature ist, mit dem ich viel öfter zufrieden bin, als Entwickler und Benutzer, als ich dadurch unzufrieden bin.
Der einzige Weg, den ich mir vorstellen kann, ist, die native Höhe / Breite des Bildes zu finden, es in ein div mit diesen Dimensionen zu wickeln (plus ein wenig Polsterung). Ich bin mir nicht sicher, ob es funktionieren wird, aber es ist das einzige, was mir jetzt einfällt, wenn ich darüber nachdenke.
Entfernen Sie einfach den Anker </a> , der Ihr Bild umgibt. Wenn Sie "garantieren" möchten, dass es in voller Größe angezeigt wird, fügen Sie in Ihrem width="100%" -Tag <img /> hinzu.
Um es vollständig anzuzeigen, sollte es auch nicht irgendwo verankert sein. Poste einfach dein Bild sofort in einem <body> -Tag.
Zeigen Sie das gesamte Bild an: <img alt="full image" src="FullSize.jpg" /> ?
Bearbeiten Ah, ich weiß jetzt, was du meinst. Wie David Thomas sagte, hängt das vom Browser ab. Wenn Sie möchten, dass das Bild in voller Größe angezeigt wird, können Sie nicht direkt mit dem Bild verlinken. Mit HTML können Sie nur so etwas tun:
%Vor%Dies öffnet eine neue HTML-Seite, auf der Ihr Bild angezeigt wird:
fullsize.html:
%Vor%Aber am Ende ist das nicht der richtige Weg. Am besten ist es, dem Benutzer die Wahl zu geben, wie die Dinge angezeigt werden, und ihnen nichts aufzuzwingen. Wenn sie mit einer niedrigeren Auflösung arbeiten und ein riesiges Bild in voller Größe angezeigt wird, können sie nicht geändert werden. Am besten verlinkt man einfach mit dem Bild und wenn der Benutzer entscheidet, dass er es im Vollbildmodus sehen möchte, kann er auf das Bild klicken, so dass der Browser die Größe ändert.