Πρόβλημα με iframe + fancybox

[SlackulatoR]

Καλημέρα,

 

Φτιάχνω μια ιστοσελίδα στην οποία το κύριο περιεχόμενο φορτώνει μέσα σε ένα iframe.

Το iframe αυτό γίνεται resize αναλόγως το height της html που φορτώνει μέσω JS:

 

><script type="text/javascript">
function iSize(){
document.getElementById('mainFrame').height = document.getElementById('mainFrame').contentwindow.document.body.scrollHeight + 20;
document.getElementById('mainFrame').height = document.getElementById('mainFrame').contentdocument.documentElement.scrollHeight + 20;
}
</script>

 

Εδώ ακριβώς δημιουργείται και το πρόβλημα με το fancybox, που όταν πατάω σε μία εικόνα το fancybox εμφανίζεται στην μέση του iframe και όχι της κεντρικής σελίδας, με αποτέλεσμα η εικόνα να βρίσκεται αρκετά κάτω και να πρέπει να κάνεις scroll για να την δεις.

 

Απ'ότι φαίνεται υπάρχει η λύση του να στείλεις το fancybox στην αρχική σελίδα αντί στο iframe αλλά δεν μπορώ να καταλάβω πως να χρησιμοποιήσω τον κώδικα:

http://stackoverflow.com/questions/6528177/extend-fancybox-inside-an-iframe-to-outside

 

Επίσης σκέφτηκα το php include για την σελίδα των φωτογραφιών που λειτουργεί(αντι για το iframe) όμως μπλέκονται τα css με την αρχική σελίδα και άλλο ένα θέμα είναι πως θα πρέπει να φτιάξω JS script για το όταν πατιέται το link των φωτογραφιών, τότε να γίνεται το php include.