Projekt-Anfragen: Tel: 07022/9319004 info@CodeDocu.de Software Entwicklung in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

Unter Teleriks gibt es eine ImageGallery die einfach in Webseiten einzubinden ist.
Diese ist vor allem Sinnvoll, wenn man alle Fotos oder Bilder auf einer Seite zusammenfassen will.

Sie besteht aus einem großen Image, das in der Größe automatisch angepasst wird und einer Thumbnail liste.




Zum Einbinden muß man nur auf der ASPX seite das <telerik:RadImageGallery ..> tag einbauen. Dieses kann man in der Design-Ansicht per Eigenschaften einstellen oder per intellisense in der Entwurfsansicht (Zeilenmodus)
Hier der passende Block als Beispiel.

<%--< Bild >--%>
<br />Bildergalerie zum Thema: <br />
<style type="text/css">
div.RadImageGallery .rigThumbnailsList {
background-color: white;
}
.RadImageGallery .rigPrevButton, .RadImageGallery .rigNextButton {opacity:0;}
</style>
<%--</ Bild >--%>
<div style="float:left; width: 600px; padding: 10px; position: relative; display: inline-block;">
<telerik:RadImageGallery ID="ctlImageGallery" runat="server" Width="600px" Height="480px" Culture="de-DE" OnNeedDataSource="ctlImageGallery_NeedDataSource"
DataTitleField="Title"
DataDescriptionField="Description"
DataImageField="Image_URL"
DataThumbnailField="Thumbnail_URL" BackColor="#F0F0F0" DisplayAreaMode="Image" >
<ThumbnailsAreaSettings Height="100" ThumbnailWidth="160" ShowScrollButtons="true" />
<ImageAreaSettings ShowNextPrevImageButtons="true" NavigationMode="Zone" />
<ToolbarSettings ShowSlideshowButton="false" />

</telerik:RadImageGallery>

</div>



Damit das Control geladen wird muß man die _NeedDataSource() routine einbetten.





In dem Event _needDataSource muß man dann nur dem Control eine Tabelle als Datatable dt zuweisen.
Den rest macht das Control von selbst

Hier eine beispielhafte Befüllung der ImageGallery



Protected Sub ctlImageGallery_NeedDataSource(sender As Object, e As ImageGalleryNeedDataSourceEventArgs)
'------------< ctlImageGallery_NeedDataSource() >------------
'*wird automatisch aufgerufen beim load der page
'TryCast(sender, RadImageGallery).DataSource = GetImageGalleryData()
Try

Dim dt As DataTable = clsDB.getDataTable("SELECT IDImage,'' AS Image_URL,'' AS Thumbnail_URL,Title0,Title1,Text0,Text1,'' AS Title,'' AS Description , OrderNr FROM tblWeb_Images WHERE IDDetail= " & _IDDetail)
If dt Is Nothing Then
fp_Message_anzeigen("Fehler beim laden der Images", "ctlImageGallery_NeedDataSource()")
ElseIf dt.Rows.Count > 0 Then
'----< Sprachfeldzuweisung >----
For Each row As DataRow In dt.Rows
Dim sTitle As String = clsDB.dbText(row("Title" & _IDLanguage))
Dim sText As String = clsDB.dbText(row("Text" & _IDLanguage))
'-< Sprachkorrektur >-
If _IDLanguage > 0 Then
If sTitle Like "" Then
sTitle = clsDB.dbText(row("Title0"))
End If
If sText Like "" Then
sText = clsDB.dbText(row("Text0"))
End If
End If
'-</ Sprachkorrektur >-
row("Title") = sTitle
row("Description") = sText
Next
'----</ Sprachfeldzuweisung >----


'--< keine Images >--
Dim intTeiler As Long = _IDDetail / 1000
For Each row As DataRow In dt.Rows
Dim intOrderNr As Integer = clsDB.dbLong(row("OrderNr"))
row("Image_URL") = "\Daten\Images\" & intTeiler & "\Image_" & _IDDetail & "_" & intOrderNr & ".jpg"
row("Thumbnail_URL") = "\Daten\Images\" & intTeiler & "\Thumbnail_" & _IDDetail & "_" & intOrderNr & ".jpg"
Next
ctlImageGallery.DataSource = dt
'--< keine Images >--
Else
ctlImageGallery.Visible = False
End If

Catch ex As Exception
ctlImageGallery.Visible = False
fp_Message_anzeigen("Fehler beim laden der Bilder", "ctlImageGallery_NeedDataSource()")
End Try
'------------</ ctlImageGallery_NeedDataSource() >------------
End Sub
Mobile
»
ASP.Net Mediaplayer: Video wird nicht geladen
»
ASP.Net: Upload Files mit Ajax Controls von Telerik
»
ASP.Net Parserfehler: Fehler beim Verarbeiten einer Resource
»
Downloaden von Files mit Web Extensions
»
Datengrid mit einer Resize Größe anpassbaren Eingabe-Spalte
»
Telerik Datengrid: Spalte allowEdit->ReadOnly setzen
»
Datengrid laden, Datensätze ändern
»
gelöst: RadAsyncUpload Fileupload alle Extensions erlauben
»
Die Datei oder Assembly oder eine Abhängigkeit davon wurde nicht gefunden
»
Ajax Controls in Webform vewenden

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Info@CodeDocu.de