fancybox popup in iframe

[NBS]

Sveiki, vai kāds ir saksāries ar tādu problēmu, ka fancybox, kurš ielikts iekš iframe neatveras pa visu logu, bet gan tikai iframe logā?

 

$("a[rel=example_group]").fancybox({
'transitionIn'  : 'none',
'transitionOut'  : 'none',
'titlePosition'  : 'over',
'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Attēls ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
}
  });

[draugz]

Es domāju, ka ar šādu problēmu ir saskāries ikviens, kas izmanto iframe.

Saturs, kas atrodas iframe, nevar izkļūt ārpus iframe robežām nedz platumā, nedz augstumā!

Ja galvenā lapa un iframe atrodas uz viena domēna, tad vēl var salīdzinoši vienkārši uztaisīt kādu apkārtceļu, bet ja Tev nav pieejas galvenai lapa, tad atliks tikai aprobežoties ar iframe.

[NBS]

Jā, to visu zinu, ir pieeja domainam.

Varbūt var iedot/padalīties ar kādu paraugu ?

Edited July 5, 2012 by NBS

[NBS]

Kāds varētu palīdzēt ar šo ?

[draugz]

Ar "salīdzinoši vienkārši uztaisīt kādu apkārtceļu" es nebiju domājis, ka kādam būs jau gatavs risinājums kā atrisināt Tavu problēmu.

Ja tu tiešām esi programmētājs pakustini smadzenes.

 

1) Ja lapas tiešām atrodas uz viena domēta, tad nafig Tu lieto Iframe

2) Ja tomēr bez iframe Tu nevari izdzīvot, tad ātrākais un tizlākais risinājums būs apmēram šāds..

window.top.$('body').append($('<div/>').attr('extend_iframe').html( $("a[rel=example_group]").clone()).hide());
//galeriju slēptā veidā ieliek galvenajā logā
window.top.$("#extend_iframe a[rel=example_group]").fancybox(...);
//aktivize fancybox uz sleptajiem elementiem.
$("a[rel=example_group]").click(function(e){ e.preventDefault(); window.top.$("#extend_iframe a[rel=example_group]").get($(this).index()).trigger('click')});
//tipa aizsūtam click eventam zinju par kliku...

Tas viss ir zinātniskā fantastika un nesmu drošs ka tas strādā!

Edited July 6, 2012 by draugz

[SoWhat]

Ja ir viena bilde, šo problēmu var atrisināt sekojošā veidā:

 $("a[rel=example_group]").click(function(e) {
e.preventDefault();
window.parent.$.fancybox({
   	href: $(this).attr("href")
});
 });

 

taču ja ir nepieciešama galerija, tad pārējās bildes var padot kā parametru uz Fancybox izmantojot PHP.

$("a[rel=example_group]").click(function(e) {
e.preventDefault();
window.parent.$.fancybox([
{ href: $(this).attr("href") },
<?php echo $imgArray ?>
]);
});

 

gaidam komentārus no profiņiem ;)

Edited July 8, 2012 by SoWhat

[indoom]

Izskatās, ka fancybox neatbalsta tādu lietu. FAQ šim tas rakstīts. Tad jāmaina source.

Edited July 9, 2012 by indoom

[draugz]

Šodien radās brīvs brīdis un nolēmu notestēt vai mans risinājums var strādāt :)

Nedaudz pielabojot sintaksi, viss strādā ideāli :)

 

Idejas būtība

1) Fancybox js un css ir jāiekļauj top freimā!!!!

2) iframe ieliekot šādu kodu

  window.top.$('body').append($('<div/>').attr('id','extend_iframe').html( $("a[rel=example_group]").clone()).hide());
  window.top.$("#extend_iframe a[rel=example_group]").fancybox({
'transitionIn'  : 'none',
'transitionOut'  : 'none',
'titlePosition'  : 'over',
'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) {
	return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
}
  });
  $("a[rel=example_group]").click(function(e){ e.preventDefault();
window.top.$(window.top.$("#extend_iframe a[rel=example_group]").get($(this).index()-1)).trigger('click')}
  );

 

Ja nu kādu interesē pilns kods, tad to var paskatīties šeit http://failiem.lv/u/narooum

[SoWhat]

draugz, uzklikšķinot uz bildes tavā skriptā man vnk Browseris nokrešo :D

[draugz]

Kurs browseris? Un ka palaidi? Caur webserveri vai vienkardi atveri indexu ar parluku?

[SoWhat]

FF, atvēru index_iframe.html

Edited July 10, 2012 by SoWhat

[draugz]

Pirmkārt index.html ir galvenais fails un index_iframe.html ir fails, kas satur iframe saturu!

Otrkārt dažos parlūkos novērots, ka file://c:/ reizēm neļauj piekļūt window.top skriptiem :) tāpēc labāk notestēt uz webservera...

Treškārt http://failiem.lv/u/lzmbwju ir pieejams uzlabots variants, kur saliktas ļoti daudz pārbaudes :)

Edited July 10, 2012 by draugz

[SoWhat]

jaunā versija strādā normāli ;)