Problemas con FancyBox

[daniiable]

Tengo un problema con un blog con fancybox.

1) En la página principal FancyBox funciona perfectamente:



2) El problema es el siguiente, como es una plantilla, creí que funcionaría para iframes y otras imágenes pero no es así.
Entre a una página web donde explicaban como usar fancybox y mi solución fue jalar sus enlaces donde almacena los .js y correrlos en el blog junto con el javascript y funciona... a medias.

Si le das clic por primera vez hace lo siguiente:



El iframe no es completo y ya probé con imágenes y es igual.

Pero si le das doble clic, ya funciona:



¿Porqué?, Quisiera darle una solución, según yo ya revise el código, ya lo cambie varias veces y siempre es lo mismo, tengo mis sospechas que es por el menú, ya que es dinámico y al primer clic se queda arriba el fancybox pero no es agradable.

Me gustaría que me apoyarán, sería muy útil para unas funciones para una A.C.

Les dejo el link donde estoy haciendo pruebas para que lo vean por si mismos.

[URL="http://unidosxvih.blogspot.mx/p/divpopup.html"]Clic aquí para ver prueba[/URL]

Lo olvidaba, el JavaScript que estoy usando ahí es:

Código Javascript:

<script type="text/javascript"> 
$(document).ready(function(){
    $(".ejemplo_1").fancybox({
        helpers: {
            title : {
                type : 'float'
            }
        }
    });
    $(".ejemplo_2").fancybox({
        helpers: {
            title : {
                type : 'float'
            }
        }
    });
    $(".ejemplo_3").fancybox({
        openEffect  : 'none',
        closeEffect : 'none'
    });
    $(".ejemplo_4").fancybox({
        'autoScale'         : false,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'width'             : 680,
        'height'            : 450,
        'type'              : 'iframe'
    });
});
</script>
 

Y los enlaces del directorio son:

Código HTML:

<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="../js/jquery.fancybox.css" />
 

Si se dan cuenta, en la página principal si se oscurece y en la otra donde hago pruebas no.

El Java lo llamo con Class y con un link que hago para hacer el iframe, este es el link y el class que uso para llamarlo.

Código HTML:

<a class="ejemplo_4" href="http://www.actualidadjquery.es/ejemplos/27/index.html" width="500" height="500">
 

Ojala puedan ayudarme.