2010-05-17 5 views
0

Cette superposition semble être le seul plugin de superposition qui fonctionne dans mon modèle bancal de l'école ... mais le problème est que lorsque le navigateur est redimensionné, le shadowbox se redimensionne aussi, découpant le contenu à l'intérieur. Je le veux donc les statistiques de boîte fixées et si le navigateur devient plus petit le navigateur aura des barres de défilement.J'ai besoin d'aide pour désactiver le redimensionnement de shadowbox

Je sais qu'il a été modifié auparavant, mais je ne sais pas par où commencer. Je ne peux même pas trouver une version non-vérifiée du fichier .js.

Merci

Répondre

0

En supposant que vous utilisez le code trouvé à http://www.shadowbox-js.com/, si vous voulez que les images pour toujours être d'une certaine taille (disons une hauteur de 600px dans le but de cet exemple), ajoutant ce qui suit à votre CSS devrait le faire:

#sb-wrapper-inner { height:600px !important; } 

S'il n'y a pas une hauteur statique, vous pouvez les forcer à, il est plus difficile que je ne peux comprendre ma pause café.

+0

Salut merci. mais cela ne marche pas. Si vous testez les exemples, la "boîte" va redimensionner et couper tout ce qui se trouve dans la boîte. Je veux juste le réparer. – Adam

+0

Pouvez-vous regarder dans ceci pour moi? – Adam

1

Hey j'avais cette même question exacte - je trouve que vous pouvez le forcer à la hauteur que vous voulez en mettre cela dans le fichier shadowbox.css:

#sb-wrapper { height:560px !important; } 
#sb-wrapper-inner { height:560px !important; } 

Et dans votre balisage HTML, assurez-vous vous définissez la hauteur et la largeur de l'attribut rel de la balise:

<a href="somelink.php" rel="shadowbox;width=600;height=560;">Your Link</a> 

Je ne sais pas où commencer soit avec le fichier JavaScript - CSS est.

1

Rechercher la fonction K.onWindowResize dans les dernières lignes du script shadowbox.js et le modifier comme suit:

K.onWindowResize=function(){ 
if(!doWindowResize){return}setSize(); 
var player=S.player, dims=setDimensions(player.height,player.width); 

//edited by gabriel esquivel 11/15/10 
//adjustWidth(dims.width,dims.left); 
//adjustHeight(dims.innerHeight,dims.top); 
animate(wrapper,"top",dims.top,0); 
animate(wrapper,"left",dims.left,0); 

if(player.onWindowResize){player.onWindowResize()}}; 
+0

Bonne réponse. Je suis juste parti dans les appels adjustWidth et adjustHeight ainsi que la largeur et la hauteur de ces fonctions. Dans le cas contraire, il ne sera pas redimensionné aux dimensions correctes s'il est trop petit pour s'adapter à la première ouverture. – typeoneerror

0

Il suffit de mettre cela dans init

Shadowbox.init({ 
    viewportPadding:-1000 
}); 

Alors le du rembourrage n'obtient jamais négatif et donc ne pas redimensionner.

Questions connexes