Question

I’m building a website at http://www.gablabelle.com and when you click on an image thumbnail it flickers before fading out… But this is only in Google Chrome, not in Firefox and Safari.

What could cause this and is there a way for me to solve this issue?

       <div id="streamwrapper">
            <div id="sidebar">  
            </div>
            <div id="stream">
                <article id="509">
                    <a class="ajaxed" href="#"><img src="#" alt="" /></a>
                </article>
           </div> 
      </div>

…

$("a.ajaxed").on("click",function(event) {
        event.preventDefault();
        postid = $(this).parent().attr("id");
        $("#streamwrapper").fadeOut(1000, function(){
            $.ajax({
                type: "POST",
                dataType: "JSON",
                url: ajax_object.ajaxurl,
                data: ({
                    action : "get_all_images",
                    post_id: postid
                    }),
                success:function(data){
                    $("#post-container").append(data);
                },
                error:function(data){
                    console.log(data);
                }
            });
        });
        return false;
    });

Answer 1

Upgrading Google Chrome from 18.0.1025.165 to Version 21.0.1180.89 solved the issue. 😐 😉