title: How to Reference Image Path from SQL Database in Asp.Net for jQuery SlideShow
body: <p>I have a website which contains an image bar of three images the in header section like so:</p>
  
  <p><img src="https://i.stack.imgur.com/1Klux.png" alt="Image Bar"></p>
  
  <p>Currently, I've written the following jQuery to <code>fadeIn</code> &amp; <code>fadeOut</code> at least the first image on a 3 second timer:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function (){
          setTimeout(function (){
              $('#Image1').fadeOut('slow');                                     
          }, 3000);            
  
      });
  
      var fadeBack = function () {
          setTimeout(function () {
              $('#Image1').fadeIn('slow');
          }, 6000);
      };
  
      fadeBack();        
  &lt;/script&gt;        
  </code></pre>
  
  <p>What I'm having difficulty figuring out is how I can actually make a slideshow out the rest of the images in the Images folder. Thus I built in a DB with the structure as such:</p>
  
  <p><img src="https://i.stack.imgur.com/IQNAN.png" alt="Photos Table Structure"></p>
  
  <p>And here's the data view of the paths in the table: </p>
  
  <p><img src="https://i.stack.imgur.com/0ocU6.png" alt="Data View of Image Paths"></p>
  
  <p>Lastly, here's my <code>Web.config</code> file's <code>&lt;connectionStrings&gt;</code> info:</p>
  
  <pre><code>&lt;connectionStrings&gt;
  &lt;add name="DetailPhotosEntities" connectionString="metadata=res://*/App_Code.DetailPhotos.csdl|res://*/App_Code.DetailPhotos.ssdl|res://*/App_Code.DetailPhotos.msl;provider=System.Data.SqlClient;provider connection string=&amp;quot;data source=.\SQLEXPRESS;initial catalog=DetailPhotos;integrated security=True;MultipleActiveResultSets=True;App=EntityFramework&amp;quot;" providerName="System.Data.EntityClient" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>Is what I'm trying to do possible? I was told I would have change my <code>&lt;connnectionStrings&gt;</code> following another site's info. How do I call the image URLs into the header image placeholders from my DB, and set the behavior up as a slideshow with <code>fadeIn</code> &amp; <code>fadeOut</code> on the images? Would I be, in effect, fading the image paths from the <code>DetailPhotos</code> DB? This is my most ambitious work yet, and I'm lost. Thanks!</p>