slideshow images from database RSS

• • Reply
  

  troika

  Member

  14 Points

  191 Posts

  slideshow images from database

  Jan 31, 2013 11:38 PM|LINK

  i'm using a repeater and item template to get imagepath and image link from database but i cant get it to work:

  original slideshow code

  <!-- BEGIN .flexslider -->
  			<div class="flexslider">
  				<ul class="slides shadow">
  					<li>
  						<img src="photos/920x360/1.jpg" alt="photo" />
  						<p class="flex-caption">Ut suscipit pharetra est vitae facilisis</p>
  					</li>
  					<li>
  						<a href="#"><img src="photos/920x360/2.jpg" alt="photo" /></a>
  						<p class="flex-caption">This image is wrapped in a link!</p>
  					</li>
  					<li>
  						<img src="photos/920x360/4.jpg" alt="photo" />
  					</li>
  					<li>
  						<img src="photos/920x360/5.jpg" alt="photo" />
  					</li>
  				</ul>
  			</div>
  			<!-- END .flexslider -->

  
  and i'm using like:

  <div class="sixteen columns">
  
  			<!-- BEGIN .flexslider -->
          <asp:Repeater ID="Repeater1" runat="server">
          <ItemTemplate>
  			<div class="flexslider">
  				<ul class="slides shadow">
  					<li>
  						<img src="photos/920x360/1.jpg" alt="photo" />
  						<p class="flex-caption">Ut suscipit pharetra est vitae facilisis</p>
  					</li>
  					<li>
  						<a href="#"><img src="photos/920x360/2.jpg" alt="photo" /></a>
  						<p class="flex-caption">This image is wrapped in a link!</p>
  					</li>
  					<li>
  						<img src="photos/920x360/4.jpg" alt="photo" />
  					</li>
  					<li>
  						<img src="photos/920x360/5.jpg" alt="photo" />
  					</li>
  				</ul>
  			</div>
  			<!-- END .flexslider -->
  
          </ItemTemplate>
  </asp:Repeater>
  		</div>

   

  • Edited by troika on Jan 31, 2013 11:43 PM
• • Reply
  

  anuj_koundal

  Contributor

  2088 Points

  496 Posts

  Re: slideshow images from database

  Feb 01, 2013 03:24 AM|LINK

  Use Like This

  <div class="flexslider">
          <ul class="slides shadow">
              <asp:Repeater ID="Repeater1" runat="server">
                  <ItemTemplate>
                      <li>
                          <%--Bind Your Images Here--%>
                          <img src="photos/920x360/1.jpg" alt="photo" />
                          <p class="flex-caption">
                              Ut suscipit pharetra est vitae facilisis</p>
                      </li>
                  </ItemTemplate>
              </asp:Repeater>
          </ul>
      </div>
      <!-- END .flexslider -->

  
  
  

  Mark as Answer on the post that helps you.
  
  Regards
  Anuj Koundal
  
• • Reply
  

  troika

  Member

  14 Points

  191 Posts

  Re: slideshow images from database

  Feb 01, 2013 09:11 AM|LINK

  anuj_koundal

  Use Like This

  <div class="flexslider">
          <ul class="slides shadow">
              <asp:Repeater ID="Repeater1" runat="server">
                  <ItemTemplate>
                      <li>
                          <%--Bind Your Images Here--%>
                          <img src="photos/920x360/1.jpg" alt="photo" />
                          <p class="flex-caption">
                              Ut suscipit pharetra est vitae facilisis</p>
                          </li>
                  </ItemTemplate>
              </asp:Repeater>
          </ul>
      </div>
      <!-- END .flexslider -->
  
  
  i have done this:

  <!-- Start .flexslider -->
              <div class="flexslider">
                  <ul class="slides shadow">
                      <asp:Repeater ID="Repeater1" runat="server">
                          <ItemTemplate>
                              <li>
                                  <a href='<%# Eval("caption") %>' class='flex-caption' title='<%#(String.IsNullOrEmpty(Eval("caption").ToString()) ? "0" : Eval("caption"))%>'>
                                      <img id="Img1" src='<%# Eval("imagepath","~/uploads/images/{0}") %>' runat="server" alt="photo" />
                                  </a>
                              </li>
                          </ItemTemplate>
                      </asp:Repeater>
                  </ul>
              </div>
              <!-- END .flexslider -->

   

   

  • Edited by troika on Feb 01, 2013 09:18 AM
  • Edited by troika on Feb 01, 2013 09:19 AM
  • Edited by troika on Feb 01, 2013 09:20 AM
  • Edited by troika on Feb 01, 2013 09:27 AM
  • Edited by troika on Feb 01, 2013 09:48 AM
• • Reply
  

  ravininave

  Member

  158 Points

  197 Posts

  Re: slideshow images from database

  Feb 02, 2013 11:07 PM|LINK

  I used it previously like this :

  HTML :

  <div id="slideShow">
      <div id="slideShowItems" runat ="server" ></div>
  </div>

  CODE BEHIND

  For i = 1 To ds.Tables(1).Rows.Count
  
  StrData = StrData + "<div><img alt = '' src = '" + (ds.Tables(1).Rows((i - 1))("FirstImgPath").ToString) + "' border = 0 height ='192px' width ='501px' /> <p> " + (ds.Tables(1).Rows((i - 1))("Description").ToString) + "</p><a onclick='javascript:fetchdata(""" + (ds.Tables(1).Rows((i - 1))("EventCode").ToString) + "," + (ds.Tables(1).Rows((i - 1))("EventType").ToString) + "," + (ds.Tables(1).Rows((i - 1))("EventName").ToString.Replace("'", "&apos;")) + """);' style='position:absolute; top:140px; left:850px;' ><img src='images/button.png' alt='' /></a> </div>"
  
  Next
  
  slideShowItems.InnerHtml = StrData

  
  
  

• • Reply
  

  raju dasa

  Star

  14406 Points

  2449 Posts

  Re: slideshow images from database

  Feb 03, 2013 05:50 PM|LINK

  Hi,

  Check if image paths are correct.

  try loading images directly from URL.

  and check the image path relativeness to the current page.

  Happy Coding ! Mark as Answer if it helps.
  rajudasa.blogspot.com  ||  blog@opera
  • Marked as answer by Yanping Wang - MSFT on Feb 07, 2013 06:31 AM