2012-05-06 4 views
0

Je cherche quelque chose entre display: none et visibility: hidden. En d'autres termes, je veux que l'élément div (avec contenu flash) soit chargé, mais pas affiché du tout. Pour le rendre plus clair: il y a un objet flash intégré à travers swfobject.embedSWF dans la div. Quand je change display (via javascript) block-none puis none-block, cela fonctionne dans des navigateurs différents:Comment charger un div avec un objet flash, mais ne pas l'afficher (élément chargé, pas affiché)

dans IE, il fonctionne comme je le veux travailler - je change l'affichage à block et l'objet est toujours là, mais dans Chrome et FF il est chargé à nouveau, comme pour la première fois lorsque swfobject.embedSWF a été appelée.

Répondre

2

que diriez-vous la mise à

HTML (quelque part sur la page)

<body> 
    <!-- other code --> 
    <div id="my-div"> 
    <!-- your object/embed code --> 
    </div> 
</body> 

dans le CSS

#my-div { 
    left: -9999px; 
    position: absolute; 
} 

EDIT: à la lecture de votre question encore une fois, je compris différemment .. vous voulez garder le div hors de vue ... non?

de sorte que vous pouvez toujours utiliser sur des appels jQuery mentionné ci-dessous pour le montrer ... mais si vous voulez le garder caché le CSS ci-dessus devrait être assez ... encore l'objet doit être rendu et chargé

$("#my-div").css({ position: "static" }); 

// or 
$("#my-div").css({ left: 0 }); 
Questions connexes