Sistema Noticias ASP .NET

Bien, hoy se me presentó el requerimiento: realizar un pequeño modulo de noticias (que irá creciendo poco a poco), para tal caso en esta oportunidad aprenderemos a armar un sistema de noticias muy básico, suficiente para aprender a utilizar nuevas herramientas del lado del cliente, porque se necesita que en el portal de mi trabajo aparezca un un listando las últimas noticias, que estas mismas estén visualizándose de 3 en 3 tipo un Slide o AutoScroll, bien entonces fui directo a “San Google” y encontré un plugin de JQuery denominado JCarouselLite que realizaba justo ese efecto ya mencionado, como todos leí la documentación y a andar !!! :

En el HEAD, incluimos nuestros componentes JS

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1c4.js"></script>

<script type="text/javascript">
$(function() {
 $(".noticia").jCarouselLite({
  vertical: true, //alineación
  hoverPause:true, //al pasar el cursor detener Slide
  visible: 3, //número de <li> a mostrar
  auto:500, //autoscroll
  speed:1000 //velocidad
 });
 
});
</script>

Luego solo nos queda mostrar en pantalla los <ul> y <il> correspondientes que serán generados a base de una consulta a la base de datos sobre la tabla “Noticia”:

<div class="noticia">
<ul>
<%  
 Dim dt As New Data.DataTable
 Dim objNoticia As New Entidad.Noticia
 Dim objN_Noticia As New Negocio.N_Noticia
 dt = objN_Noticia.ListarNoticia()
   If dt.Rows.Count > 0 Then
 For i As Integer = 0 To dt.Rows.Count - 1
      Dim dr As Data.DataRow = dt.Rows(i)
      Response.Write("<li>" & _
"<div id='fecha' class='fecha'>" & dr("fecha_Noticia")& "</div>" & _
"<div class='info'>" & dr("titulo_Noticia") & "</div>" & _

"<div id='ver_mas' align='right'><img src='images/box2_marker.gif' width='5' height='5' align='absmiddle' hspace='5' style='margin-top:4px;'><a href='noticia.aspx?id=" & dr("id_Noticia") & "' class='link_b'>leer m&aacute;s</a></div>" & _
"<div class='clear'></div>" & _
"</li>")
        Next
 End If
%>
        </ul>
    </div>

Correspondiente a la tabla “Noticia” aquí dejo la estructura:

CREATE TABLE [Noticia] (
 [id_Noticia] [int] IDENTITY (1, 1) NOT NULL ,
 [titulo_Noticia] [varchar] (300) COLLATE Modern_Spanish_CI_AS NULL ,
 [texto_Noticia] [text] COLLATE Modern_Spanish_CI_AS NULL ,
 [fecha_Noticia] [datetime] NULL ,
 [url_descarga_Noticia] [text] COLLATE Modern_Spanish_CI_AS NULL ,
 [id_Usuario] [int] NULL ,
 [estado_Noticia] [char] (1) COLLATE Modern_Spanish_CI_AS NULL ,
 CONSTRAINT [PK_Noticia] PRIMARY KEY  CLUSTERED
 (
  [id_Noticia]
 )  ON [PRIMARY]
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO

Espero que le haya servido, saludos…