s.a arkadaşlar bu yöntemle databasede oluşturduğum vitrin adındaki bölüme anasayfa orta bölüme slider kayan resim ekleme nasıl yaparım bitürlü çözemedim eğitim ile e-ticaret yapıyorum ama o bölüm detaylı anlatılmamış kodlar bunlar bitürlü eğitimdek gibi yapamıyorum
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="vitrin.ascx.cs" Inherits="destekal_eticaret_com.bloklar.vitrin" %>
</script>
<style type="text/css">
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 575px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
</style>
<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="../js/stepcarousel.js"></script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 3000 },
panelbehavior: { speed: 500, wraparound: false, wrapbehavior: 'slide', persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['images/left.gif', -5, 80], rightnav: ['images/right.gif', -20, 80] },
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 3000 },
panelbehavior: { speed: 500, wraparound: false, persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['images/left.gif', -5, 80], rightnav: ['images/right.gif', -20,
80] },
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<div class="center_title_bar">Vitrin Bölümü</div>
<div class="stepcarousel" id="mygallerylong" style="WIDTH: 575px">
<table class="style1">
<asp:Repeater ID="rptVitrin" runat="server">
<ItemTemplate>
<tr>
<td>
<div class="belt">
<div class="panel">
<a href="<%#Eval("VitrinUrl") %>"><img src="urun/<%#Eval("VitrinResim") %>" alt="Vitrindeki Ürünler" /></a>
</div>
</div>
</td>
</tr> </ItemTemplate> </asp:Repeater>
<tr>
<td>
</td>
</tr>
</table></div>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="vitrin.ascx.cs" Inherits="destekal_eticaret_com.bloklar.vitrin" %>
</script>
<style type="text/css">
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 575px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
</style>
<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="../js/stepcarousel.js"></script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 3000 },
panelbehavior: { speed: 500, wraparound: false, wrapbehavior: 'slide', persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['images/left.gif', -5, 80], rightnav: ['images/right.gif', -20, 80] },
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: { enable: true, moveby: 1, pause: 3000 },
panelbehavior: { speed: 500, wraparound: false, persist: true },
defaultbuttons: { enable: true, moveby: 1, leftnav: ['images/left.gif', -5, 80], rightnav: ['images/right.gif', -20,
80] },
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<div class="center_title_bar">Vitrin Bölümü</div>
<div class="stepcarousel" id="mygallerylong" style="WIDTH: 575px">
<table class="style1">
<asp:Repeater ID="rptVitrin" runat="server">
<ItemTemplate>
<tr>
<td>
<div class="belt">
<div class="panel">
<a href="<%#Eval("VitrinUrl") %>"><img src="urun/<%#Eval("VitrinResim") %>" alt="Vitrindeki Ürünler" /></a>
</div>
</div>
</td>
</tr> </ItemTemplate> </asp:Repeater>
<tr>
<td>
</td>
</tr>
</table></div>


Son düzenleme: