ASP.Net page not working with pretty photo plugin

Jan 22 2015 11:45 AM
Hello
I develop a web site with Asp Net and c# based on your example of prettyPhoto plugin
at this url : http://www.c-sharpcorner.com/UploadFile/raj1979/how-to-make-photo-gallery-using-jquery/ 
I have only this problem:
The pretty photo load the photo correctly only the first time.
When i modify the file of photo in my folder the new photo
is not reload in the asp net page.
This is the code of asp net page
<%@ Page Title="" Language="C#" Trace="false" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="prettyphoto_triodafne.aspx.cs" Inherits="prettyphoto_triodafne" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
  <title>Galleria Foto Trio Dafne </title>
  <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css"  charset="utf-8" media="screen" /> 
  <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
  <script type="text/javascript" src="javascripts/jquery-1.3.2.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="javascripts/jquery-1.4.4.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="javascripts/jquery.prettyPhoto.js" charset="utf-8"></script> 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 
  <asp:ScriptManager ID="ScriptManager"
  runat="server" />
  <asp:UpdatePanel ID="UpdatePanel1" runat="server" Width="100%"
  UpdateMode="Conditional"
  HorizontalAlign="Center">
  <ContentTemplate>
  <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
  ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>"
  SelectCommand="SELECT [percorso],[percorso],[testo],[testo_small] FROM [foto] ORDER BY [ordine] ">
  </asp:SqlDataSource>
 
  <asp:DataList ID="newgalleryDataList" runat="server" DataKeyField="percorso"
  DataSourceID="SqlDataSource1" RepeatColumns="6"
  RepeatDirection="Horizontal">
 
  <ItemTemplate>
  <div class="img_foto_pretty">
  <!--ImageUrl should stored as: Images/news/abc.jpg -->
  <a href='<%# Eval("percorso","public/album/{0}")%>' rel="prettyPhoto[pp_gal]"  title='<%# Eval("testo_small")%>'> 
 
  <asp:Image  CssClass="img_foto_pretty" ItemStyle-VerticalAlign="Top" ItemStyle-Align="Center"
 
  runat="server"
  AlternateText ='<%# Eval("percorso") %>' 
  Text='<%# Eval("percorso") %>'
  src='<%# Eval("percorso","public/album_small/{0}")%>' 
  Width="110" height="90"
  BorderColor="#8d0d0d" BorderStyle="Solid" BorderWidth="2" CommandName="Large" CommandArgument='<%# Eval("percorso") %>' />
  </div>
 
  </div>
  </a>
 
  </ItemTemplate>
  </asp:DataList>
  </ContentTemplate>
  </asp:UpdatePanel>
 
  <script type="text/javascript" charset="utf-8">
  $(document).ready(function () {
  $("a[rel^='prettyPhoto']").prettyPhoto();
  });
 </script>
</asp:Content> 
I read this page http://forums.no-margin-for-errors.com/discussion/757/force-prettyphoto-to-refresh-when-content-changes-dynamically/p1 
and try this code without successful  
<script type="text/javascript" charset="utf-8">


$(document).ready(function() {

/* $("a[rel^='prettyPhoto']").prettyPhoto(); */
$("a[rel^='prettyPhoto']").prettyPhoto({ social_tools: false, theme: 'light_rounded' });
});

 
$(document).ready(function () {
$("a[rel^='prettyPhoto']").prettyPhoto(
callback: function() {
location.href = location.href + '#tab-2';
/* window.location.reload(true); */
}
);
});
</script>
 Can you help me ?