2010-02-19 8 views
2

J'ai un site va ici: http://treethink.treethink.net/ Tous les fancybox iFrames fonctionnent, mais si vous allez à la section de portefeuille puis cliquez sur l'un des liens qu'il vous faut pour une page et ferme Fancy Box.Liens vers Fancy Box intérieur iFrame

Comment puis-je modifier Fancy Box afin que lorsque l'un de ces liens est cliqué dans le portfolio iFrame, il reste dans l'iFrame et va sur le lien?

Voici les fichiers FancyBox:

http://treethink.treethink.net/wp-content/themes/treethink/fancybox/jquery.fancybox-1.3.0.js

http://treethink.treethink.net/wp-content/themes/treethink/fancybox/jquery.fancybox-1.3.0.css

http://treethink.treethink.net/wp-content/themes/treethink/fancybox/web.js

J'avais déjà un site aller à http://treethink.treethink.net/backup avant d'installer wordpress, peut-être il y a une manière que je peux modifier ce Je l'avais entendu quand on clique sur un lien, il fait d'abord la transition et le superposition, puis charge le contenu de ce lien. Cela pourrait être une meilleure façon de procéder, pas sûr.

Merci beaucoup, Wade

+0

Est-ce que un ajax thickbox mieux pour cela? http://jquery.com/demo/thickbox/ –

+0

Je suis en train d'essayer thickbox mais j'ai des problèmes pour le faire faire un pourcentage de largeur. –

Répondre

0

Si vous allez utiliser thickbox et vous rencontrez un problème ne largeur/hauteur de pourcentage, est une solution assez facile. Vous pouvez définir automatiquement la largeur et la hauteur en détectant les dimensions de la fenêtre.

Exemple (si vous voulez 90%):

var screenW = $(window).width(); 
var screenH = $(window).height(); 
var thickboxW = Math.round(screenW * 0.9); 
var thickboxH = Math.round(screenH * 0.9); 

// If you want to re-set values if window resized 
$(window).resize(function() { 
/* INSERT ABOVE VARS AND THICKBOX CALL HERE */ 
});