fancybox+ajax

[mexican]

Ciao a tutti,
non so se devo postare qui o in asp.net (nel caso il mod mi sposti pure).
Ho una pagina di una gallery dove tramite una select scelgo la categoria e con ajax visualizzo le immagini.

Ora se clicco sulla miniatura prima di usare la select e quindi ajax la fancybox funziona mentre dopo mi si apre l'immagine grande ma come un semplice link.
Da cosa può dipendere?

[m4rko80]

Mi viene da pensare che ricarichi tutto l'html delle immagini. Non vedendo il codice credo ci sia un cosa del tipo:

$('#tua_select').bind('change',function(){.......} ) e ricarichi l'html...
se si prova e levare il bind e usare .live() di solito risolve i problemi con i contenuti caricati successivamente.

[mexican]

Originariamente inviato da m4rko80
Mi viene da pensare che ricarichi tutto l'html delle immagini. Non vedendo il codice credo ci sia un cosa del tipo:

$('#tua_select').bind('change',function(){.......} ) e ricarichi l'html...
se si prova e levare il bind e usare .live() di solito risolve i problemi con i contenuti caricati successivamente.

non dovrei ricaricare tutto l'html anche perchè se poi visualizzo il codice c'è tutto.
Ricarico solo la parte delle immagini. Dove c'è l'Href.

Codice FancyBox

<script>
		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
	</script>
	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			*   Examples - images
			*/
			

			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '  ' + title : '') + '</span>';
				}
			});

			
		});
	</script>

Codice che richiama Ajax

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Repeater ID="lstfoto" runat="server">
                    <ItemTemplate>
    		            <div class="boxfoto">" title="Lorem ipsum dolor sit amet">[img]public/Gallery/xxSmall/<%#Eval([/img]" border="0"></div>
    	            </ItemTemplate>
                </asp:Repeater>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlcategorie" EventName="SelectedIndexChanged" />
            </Triggers>
        </asp:UpdatePanel>