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 ?