Very odd.

Can you use firebug or fiddler or your browser's "inspector" mode to see what is being returned by the initial requests? That would be helpful.

cheers,
doug. 

This is what I get after right clicking and selecting "inspect element with firebug"

<div class="wrapper indent-top6-1 indent-bottom10">
<ul id="myGallery" class="image-overlay">
  <li>
    <a href="/galeri/dueuen.aspx" style="width: 173px; height: 173px; border-color: rgb(102, 102, 102);">
  </li>
  <li>
    <a href="/galeri/genel.aspx" style="width: 173px; height: 173px; border-color: rgb(102, 102, 102);">
  </li>
  <li>
    <a href="/galeri/sergi-etkinlikler.aspx" style="width: 173px; height: 173px; border-color: rgb(102, 102, 102);">
  </li>
  <li>
    <a href="/galeri/ylba.aspx" style="width: 173px; height: 173px; border-color: rgb(102, 102, 102);">
  </li>
  <li>
    <a href="/galeri/sirtaki.aspx" style="width: 173px; height: 173px; border-color: rgb(102, 102, 102);">
  </li>
</ul>
<p style="clear: both; height: 0px;">&nbsp;</p>
<script charset="utf-8" type="text/javascript">
  $(document).ready(function(){
    $('#myGallery').ImageOverlay()
});
</script>
</div>

That wasn't exactly what I meant but that's still helpful -- no <img> tags at all. Which makes me think it isn't ImageGen per se.

I was thinking more about the output on the 'net' tab to see if any requests were being made to ImageGen and, if so, the return value (200, 304, 404, etc.). If you can get that info that would be helpful.

But perhaps if it's not ImageGen causing the issue then if you could show the xslt or razor code you're using to generate the <ul id="myGallery"> markup there might be something obvious there. 

cheers,
doug. 

To clarify things better and go faster this is the link of the gallery page

I am not so familiar with firebug but I get 304 Not Modified warning.

Here is also razor code which displays gallery thumbnails.

<ul id="myGallery" class="image-overlay">
    @{
        foreach (var gallery in Model.Children)
        {
            
            if (gallery.HasValue("photos"))
            {
                var MediaGalleryFolder = Library.MediaById(gallery.photos);
                var noPhotos = MediaGalleryFolder.Children.Count();

                //Get the first image in the folder
                var imageNode = MediaGalleryFolder.Children.First();
                var imageURL = imageNode.umbracoFile;               
        
                <li>
                    <a href="@gallery.Url">
                        <!-- Use ImageGen querystring to automatically generate a thumbnail & setup fallback image -->
                        <img src="/ImageGen.ashx?image=@imageURL&height=173&width=173&crop=resize&align=center&altImage=/img/no-image.png" alt="@gallery.Name"/>
                        <div class="caption">
                            <h4>@gallery.Name</h4>
                            <p>@noPhotos resim<p>                       
                        </div>                            
                    </a>
                </li>            
            }
        }
    }
</ul>

Ahhh, the link to the page is just what's needed, thank you!

The razor code looks good, and the images are properly loaded even on the first request.

The problem is with some javascript that is forcing the <a> to width=0 and height=0. The images are there but they can't be seen because the anchor containing the image has no size. Once you correct the javascript issue all should be fine. 

cheers,
doug. 

OK, I will check your suggestion :) Thanks for the help, Doug

is working on a reply...