|
Hi,
I have the following code for WoW Slider to populate images in a slide show. I want to know how to make this dynamic and populate it at runtime from database?
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="member_post_banner.ascx.cs" Inherits="volow.member_post_banner" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/1c957ee0-52cb-11e2-a96e-00ffceb1d3b5.jpg" alt="Yahoo!" title="Yahoo!" width="906px" height="360px" id="wows1_0"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/3c0d94fb-52cb-11e2-a96e-00ffceb1d3b5.jpg" alt="Google" title="Google" width="906px" height="360px" id="wows1_1"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/74fac6d2-52cb-11e2-a96e-00ffceb1d3b5.png" alt="Microsoft" title="Microsoft" width="906px" height="360px" id="wows1_2"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/91ba430d-52d1-11e2-a96e-00ffceb1d3b5.png" alt="Apple" title="Apple" width="906px" height="360px" id="wows1_3"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/99dc0aca-8d86-429e-8d16-ab3ef907536a.png" alt="Blackberry" title="Blackberry" width="906px" height="360px" id="wows1_4"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/570e903d-52cb-11e2-a96e-00ffceb1d3b5.png" alt="Samsung" title="Samsung" width="906px" height="360px" id="wows1_5"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/a9e6ef60-245d-442a-8016-acee45fa8b98.png" alt="Oracle" title="Oracle" width="906px" height="360px" id="wows1_6"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/a6014d5b-fed0-4ca2-a686-0e591b43235e.png" alt="Cisco" title="Cisco" width="906px" height="360px" id="wows1_7"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/ac068a56-52ca-11e2-a96e-00ffceb1d3b5.png" alt="Dell" title="Dell" width="906px" height="360px" id="wows1_8"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/ae21819f-52d2-11e2-a96e-00ffceb1d3b5.png" alt="Acer" title="Acer" width="906px" height="360px" id="wows1_9"/></li>
<li><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/b5021faa-5380-11e2-a96e-00ffceb1d3b5.png" alt="Cute" title="Cute" width="906px" height="360px" id="wows1_10"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Yahoo!"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/1c957ee0-52cb-11e2-a96e-00ffceb1d3b5.jpg" alt="Yahoo!" width="160px" height="100px" />1</a>
<a href="#" title="Google"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/3c0d94fb-52cb-11e2-a96e-00ffceb1d3b5.jpg" alt="Google" width="160px" height="100px" />2</a>
<a href="#" title="Microsoft"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/74fac6d2-52cb-11e2-a96e-00ffceb1d3b5.png" alt="Microsoft" width="160px" height="100px" />3</a>
<a href="#" title="Apple"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/91ba430d-52d1-11e2-a96e-00ffceb1d3b5.png" alt="Apple" width="160px" height="100px" />4</a>
<a href="#" title="Blackberry"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/99dc0aca-8d86-429e-8d16-ab3ef907536a.png" alt="Blackberry" width="160px" height="100px" />5</a>
<a href="#" title="Samsung"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/570e903d-52cb-11e2-a96e-00ffceb1d3b5.png" alt="Samsung" width="160px" height="100px" />6</a>
<a href="#" title="Oracle"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/a9e6ef60-245d-442a-8016-acee45fa8b98.png" alt="Oracle" width="160px" height="100px" />7</a>
<a href="#" title="Cisco"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/a6014d5b-fed0-4ca2-a686-0e591b43235e.png" alt="Cisco" width="160px" height="100px" />8</a>
<a href="#" title="Dell"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/ac068a56-52ca-11e2-a96e-00ffceb1d3b5.png" alt="Dell" width="160px" height="100px" />9</a>
<a href="#" title="Acer"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/ae21819f-52d2-11e2-a96e-00ffceb1d3b5.png" alt="Acer" width="160px" height="100px" />10</a>
<a href="#" title="Cute"><img src="../images/members/a54cfa97-04f1-11e2-bd34-00ffceb1d3b5/posts/9eeccaf5-512a-11e2-a96e-00ffceb1d3b5/b5021faa-5380-11e2-a96e-00ffceb1d3b5.png" alt="Cute" width="160px" height="100px" />11</a>
</div></div>
<a class="wsl" href="http://wowslider.com">jQuery 3d Gallery by WOWSlider.com v2.8</a>
<div class="ws_shadow"></div>
</div>
Technology News @ www.JassimRahma.com
|
|
|
|