Bilder-Galerie

06/03/2008 - 06:13 von Karsten Sosna | Report spam
Hallo NG,
meine Erfahrungen mit ASP-Seiten sind nicht gerade viel. :=( Deswegen muss
ich mich aber trotzdem damit auseinandersetzen.
Als ersten möchte ich mal eine Bilder-Galerie erstellen. Auf der linken
Seite möchte ich eine Übersicht der verfügbaren Bilder haben. Thumbnails und
Images habe ich seperat vorliegen. Auf der rechten Seite soll dann das Image
angezeigt werden(und spàter eine Beschreibung, aber das ist erstmal nicht
wichtig). Natürlich möchte ich auch 2 Button zum Navigieren. Die habe ich
zwar schon und das funktioniert auch soweit nur glaube ich nicht, dass das
so richtig ist was ich da mache. Aussehen soll das ganze dann ungefàhr so:
http://www.ghs-archiv.de/Website/Ar.../Start.htm
Hier habe ich HTM-Seiten mit Frames benutzt. So etwas àhnliches möchte ich
jetzt mit ASP abbilden nur das ich nicht alle Seiten selbst erstellen
muss(Bei obigen Link besteht die Rubrik alleine aus 81 HTM-Seiten).

Danke für jeden Tipp. Auch gerne gesehen sind Tutorials zu diesem Thema,
lesen kann ich schon. ;=)
WebDeveloper2008, wenn möglich mit VB-Script(kann leider kein Java).
Gruß Scotty
 

Lesen sie die antworten

#1 Stefan Falz [MVP]
06/03/2008 - 09:20 | Warnen spam
Hallo Karsten,

"Karsten Sosna" schrieb

meine Erfahrungen mit ASP-Seiten sind nicht gerade viel. :=( Deswegen muss ich mich aber trotzdem damit auseinandersetzen.



ASP oder ASP.NET? Ich denke mal letzteres, oder?

Thumbnails und Images habe ich seperat vorliegen.



Die Thumbnails müssen/sollen nicht vom System erzeugt werden?

Natürlich möchte ich auch 2 Button zum Navigieren.



Die einfachste Variante (abgesehen von der Möglichkeit, sich einfach eine
der verfügbaren Galerieanwendungen zu schnappen und einzusetzen) wàre wohl,
die Dateinamen der Thumbnails aus dem Dateisystem auszulesen und an einen
Repeater zu binden. Die Thumbs kannst Du bspw. als ImageButton einbinden
und auf den Click Event reagieren um jeweils das einzelne Bild anzuzeigen.

Nachstehend mal ein stark vereinfachtes Beispiel:



<asp:Repeater ID="Thumbs" runat="server">
<ItemTemplate>
<asp:ImageButton
ID="Thumb"
runat="server"
ImageUrl='<%# "~/Images/Gallery/Thumbs/" & DataBinder.Eval( Container.DataItem, "Name" ) %>'
CommandName="ShowImage"
CommandArgument='<%# DataBinder.Eval( Container.DataItem, "Name" ) %>'
OnClick="Thumb_Click" />
</ItemTemplate>
</asp:Repeater>

<br />

<asp:Image ID="CurrentImage" runat="server" />



Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim FileNames As String() = Directory.GetFiles( Server.MapPath( "~/Images/Gallery/Thumbs/" ) )
Dim Files As Files = New Files()

For Each FileName As String In FileNames
Files.Add( New IO.FileInfo( FileName ) )
Next

Thumbs.DataSource = Files
Thumbs.DataBind()

If Not Page.IsPostBack Then
CurrentImage.ImageUrl = "~/Images/Gallery/" & Files( 0 ).Name
End If

End Sub

Protected Sub Thumb_Click(ByVal sender As Object, ByVal e As System.EventArgs)

CurrentImage.ImageUrl = "~/Images/Gallery/" & CType( sender, ImageButton ).CommandArgument

End Sub




Tschau, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET
http://www.asp-solutions.de/ - Consulting, Development
http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

Ähnliche fragen