Bild anzeigen im browser im Vollbildmodus in C# ASP.NET

möchte ich zeigen Sie ein Bild in die Seite des Browsers und ziehen Sie es, so würde es füllt das ganze browser-Seite.

habe ich versucht:

<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg" Width="100%" Height="100%"></asp:Image>

und auch versucht, css zu verwenden:

<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg"  CssClass="myimage1"></asp:Image>

und in der CSS:

.myimage1{height:100%;width:100%;}

in beiden Fällen wird der browser (IE9), erstreckt sich das Bild mit einer Höhe, die viel größer ist dann der Browser Höhe und einem rechten Bildlaufleiste angezeigt wird.

Wie kann ich stretch ein Bild, um die genaue Größe der aktuellen Seite und der Größe?

InformationsquelleAutor Rodniko | 2011-11-05
  1. 1

    ich die Lösung gefunden mit einem img-html-tag und über CSS:
    http://bytes.com/topic/asp-net/answers/850635-how-stretch-background-image-fill

    fügen Sie diese innerhalb der aspx-Seite innerhalb des body-tag:

    <img src="Styles/mypic.jpg" alt="" />

    in der css:

    html,body

    {
    margin: 0;
    padding: 0;
    }

    img
    {
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    }

    InformationsquelleAutor Rodniko
  2. 0

    Ihre Dehnung um 100% des übergeordneten container, die möglicherweise zu breit. Versuchen Sie, die Einstellung der Wert für die Breite des Körpers und html-Elemente.

    Versuchen Sie 

    html, body { width: 100%; height: 100%; }

    Oder Sie könnte verwenden jQuery, um herauszufinden, die Breite des übergeordneten Elements, ersten, und richten Sie Ihr Bild an diese. Keine Notwendigkeit für die Verwendung von ASP-controls mit diesem, CSS und jquery.

    $newheight = $('#yourimageid').parent().height();
$('#yourimageid').css('height', $newheight);

    Diese greifen, werden die übergeordneten Elemente Höhe, und dann hängen Sie den Wert, um den css-Wert Höhe

    InformationsquelleAutor Cheyne
Schreibe einen Kommentar