asp .net dynamically loaded content won't work

[maarten bennis]

Hi I'm having trouble with dynamically loaded content.

 

I'm working on a .net project where I want to use fancybox.

In my code behind files I get images from the database and load these to the page.

the images show nicely, but fancybox does nothing.

 

 

If i make a direct link to the images in my html file fancybox does work.

 

the rendered html for the dynamically loaded images and the direct called images is identical:

<a class="fancybox" href="/files/__banner/Slider-2.jpg"><img alt="" src="/files/__banner/Slider-2.jpg"></a>

 

 

I load fancybox with:

<script type=\"text/javascript\" language=\"Javascript\">
$(document).ready(function () {
$(".fancybox").fancybox();
});
</script>

 

What am i doing wrong, or what am i missing.

Hope somebody can help me.

 

 

Greetings,

Maarten

[JFK]

If using fancybox v1.3.4 check http://stackoverflow.com/a/9084293/1055987

[maarten bennis]

I'm am using version 2.1.4

[maarten bennis]

Just tried with version 1.3.4, but it still doesn't work.

 

[RavanH]

Those back slashes in the first line of your script code, are they rendered in the HTML output or is that snippet taken from your ASP source? In that case, why are there no back slashes used in the third line?

And did you check the resulting page source code for errors? Did you check your browsers script console for errors?

Op dinsdag 14 mei 2013 12:02:22 UTC+2 schreef maarten bennis het volgende:

[maarten bennis]

I tried with:

 

$(document).ready(function () {
    $("#Footercarousel").on("focusin", function () {
        $("a.fancybox").fancybox({
            // fancybox API options here
            'padding': 0
        }); // fancybox
    }); // on
}); 

 

But also this won't work.

I can't see any errors.

 

[JFK]

if using v2.1.4, it should work with dynamic content
got a link?

[maarten bennis]

Thanks for taking the time.

 

 

You can see the website at http://temp.sprite-it.nl 

 

I'm using CarouFredSel for the images in the footer, I want to use FancyBox with these images.

 

I hope you can see what's wrong.

It's probably something small, but i can't see it.

[JFK]

broken link

[maarten bennis]

Sorry, it was a DNS issue. It should work now.

 

thanks again 

[JFK]

It seems that the carrousel cloning process is somewhat affecting fancybox
why don't you try $("#FooterSliderImage a.fancybox").fancybox() instead of $(".fancybox").fancybox() only?

[maarten bennis]

I turned off the carousel for the footer images.

and tried   $("#FooterSliderImage a.fancybox").fancybox(), but still no luck.

 

I also tried  $("#Footercarousel a.fancybox").fancybox()

and  $("a.fancybox").fancybox()

and  $(".fancybox").fancybox()

 

 

[halcyon1234]

You have multiple divs with the ID "FooterSliderImage" on your page. I assume that's screwing something up.

Give them unique IDs.  If they're actually asp:Panels, make sure runat=server is on so they'll get unique ClientIDs.

In any case, you only want the div that wraps all your a.fancybox to be have ID of FooterSliderImage