Bilder in HTML



  • Hallo zusammen, ich würde gerne in ein HTML-Dokument, viele Bilder aus einem Ordner, und jeweils einen kurzen Text zur Beschreibung, einfügen, und es ermöglichen, dass man die Bilder ancklicken kann, und die Beschreibung, mit einem einzigen Event-Händler extrahieren kann. Ich arbeite mit VS 2008/2019, Windows 7 Professional 64 Bit C# und ASP .NET. Gegoogelt habe ich schon intensiv. Weiss jemand Rat ?



  • @biter Womit hast du Probleme?

    Bilder in HTML?
    Bilder als Link?

    Wo kommen die Texte für die Bilder her?



  • Die Bilder wären in einem Ordner, die Texte in einem zweiten, mit der richtigen Reihenfolge, Entsprechung. Möglicherweise Texte und Bilder in einer MySQL Datenbank. Vielmehr Arbeit wäre es nicht, die Bilder und Texte "von Hand" in die HTML Seite einzutragen. Und eine Click-Händler Methode für jedes ImageButton. einzurichten. Aber schöner in einer Datenquelle. Eine vage Idee: Verwendung von GridView und irgendetwas mit Template ???



  • Ein ListView Steuerelement wäre von Vorteil, ich kann es aber auf dem HTML-Entwurfsformular nicht positionieren, könnte jemand helfen ? Arbeite mit dem Designer für eine Web-Anwendung ASP.NET VS2008. Es ist für diese Version im Internet beschrieben.



  • Ich möchte eine Bilddatei mit Javascript anzeigen, später mehrere von einer Datei, folgendes geht nicht: var image = document.createElement("imagebutton"); ImageButton möchte ich verwenden, weil ich noch draufclicken will. mit "img" und "src" statt "imageurl" geht der Code. Weiss jemand Rat ? Das ganze ist eine Anwendung von ASP.NET. createElement("asp:ImageButton") geht auch nicht.

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>Meine Seite</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="wrapper"></div>
    <script language="javascript" type="text/javascript">
    var divWrapper = document.getElementById("wrapper");
    var image = document.createElement("imagebutton"); // geht nicht !
    image.setAttribute("imageurl", "Rot1.png");
    divWrapper.appendChild(image);
    </script>
    </form>
    </body>
    </html>



  • ImageButton ist kein Element von HTML 5, versuche es mit Canvas ...



  • Zum Schluss noch etwas, wenn ich versuche mit VS 2019 ein Web Projekt anzulegen, erscheint zu Beginn auf dem Entwurfsfenster ein komplexes Gebilde, anstelle eines leeren Fensters. Wie komme ich zu meinem leeren Fenster ? Das obige Problem habe ich mit "addEventListener" für ein Image Element gelöst, es ist wahrscheinlich nicht üblich, dass man sich fünf mal hintereinander meldet, Entschuldigung ...


Log in to reply