jquvry silder

S.a Arkadaşlar Manşet uygulama var yanlız kodlar biraz farklı html deyil java bu kodalrı repeater tekrarlatıcam bunu nasıl yaparım Resimlerin yolu bu kodlar içinde html yapımı basit bu işlemide html gibimi yapıcaz.


<div id="slidecaption">
<script>
jQuery(function ($) {
$.supersized({
// Functionality
slide_interval: 5000, // Length between transitions
transition: 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed: 1000, // Speed of transition
// Components
slide_links: 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides: [ // Slideshow Images
{image: 'site/image/wall/A1.jpg', title: ' <h1>Şubesi Hizmete Girdi</h1>' },
{ image: 'site/image/wall/A2.jpg', title: '<h1> Şubesi Hizmete Girdi</h1> ' },
{ image: 'site/image/wall/A3.jpg', title: '<h1>A Black Night in The City</h1> <h2>"Vivamus euismod luctus tempus"</h2>' },
{ image: 'site/image/wall/A4.jpg', title: '<h1>New World in The City</h1> <h2>"Nulla augue urna, dictum eu luctus"</h2>' }
]
});
});
</script>
</div>

Codebehind'da stringbuilder ile yapmanı öneririm.
Repeater'ı doldurduğun yerde for döngüsü ile sadece slides kısmını yazdır ve scriptmanager.requestartup ile sayfaya yazdır.

slides kısmını itemtemplate ile tekrarlatsam resimlerin yolunuda resim/<%#Eval("resim")%
olarak veri tabanından çeksem nasıl olur

Itemtemplate ile olmaz o kısım. Senin oraya direk repeater'ı koyman gerek.

StringBuilder sb = new StringBuilder();
sb.Append("<div id="slidecaption">");
sb.Append("<script>");
sb.Append("jQuery(function ($) { " + "$.supersized({" +
"slide_interval: 5000, " + 
" transition: 1," + "Left, 6-Carousel Right, 7-Carousel Left" + 
"transition_speed: 1000, " + "slide_links: 'blank', slides: [ ";

bu kısımda for ile dönüp repeater item'larını almalısın
....

Şimdi Şu şekilde ben yazıyım sen bunu nasıl yapıcağımı yazarsan memnun olurum StringBuilder işlemini yapmadığım için soruyorum

<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>


</HeaderTemplate>

<ItemTemplate>


</ItemTemplate>

<FooterTemplate>

</FooterTemplate>
</asp:Repeater>

Bu kodları Nasıl Repeater yazarım

<div id="slidecaption">
<script>
jQuery(function ($) {
$.supersized({

slide_interval: 5000,
transition: 1,
transition_speed: 1000,

slides: [
{image: 'site/image/wall/A1.jpg', title: ' <h1> Hizmete Girdi</h1>' },
{ image: 'site/image/wall/A2.jpg', title: '<h1> i Hizmete Girdi</h1> ' },
{ image: 'site/image/wall/A3.jpg', title: '<h1> Hizmete Girdi</h1> ' },
{ image: 'site/image/wall/A4.jpg', title: '<h1> Hizmete Girdi</h1> ' }
]
});
});
</script>
</div>