Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > Вставка фото галереи (JQuery) в iFrame


Автор: Папараццы 16.3.2011, 17:20
Доброе время суток дорогие форумчане, 
 Имею файл index.php , при нажатии кнопки вызывается функция которая открывает другой файл 
 
Код

<script type="text/javascript">
   function switch_frame(no) { 
    
   var kubik=document.getElementById('frame');
    switch (no) {
     case '1': 
     alert('Main page');
     kubik.src="content/<?=$lang?>/about.html";
     break;
     case '2':  
     kubik.src="content/<?=$lang?>/photo.php";     
    } 
 };
  
   function add(stext) {
    var content=document.getElementById("container"); 
    content.innerHTML=stext;
 }

</script>

<!--A takwe skritij  iframe v body-->
<iframe name="frame" src=""  height="0" width="0" id="frame"  >Your browser not support's iframe's. So ajax content won't work properly</iframe>


 А вот код который загружает страницы
 
Код

<script type="text/javascript" language="javascript">
 
 window.onload = function() { 
 var text=document.getElementById('txt');
 parent.add(text.innerHTML);
  }

</script>
<!-- jQuery for ajax photo  -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="../../galleria/galleria-1.2.2.min.js"></script>
<div id="txt">

<H1>Image Gallary of our store (Ru- <?php echo 'THIS WILL BE GALLERY SITE' ?>)</H1>
<p></p>
<script>
if(Galleria) {  $("p").text("Galleria works (ru)") };
</script>

 <div id="gallery">
  <img src="../../gallery/images/1.jpg" />
  <img src="../../gallery/images/1.jpg" />
 </div>

 
 <script>
    Galleria.loadTheme('../../galleria/themes/classic/galleria.classic.min.js');
    $("#gallery").galleria({
        width: 500,
        height: 500
    });
 </script>
</div>




 
ВОПРОС:  Не работает данная галерея таким образом, хотя обычным способом она работает нормально.   Как реализовать так чтобы работало и так ? 

 Надеюсь вопрос понятен.  Заранее благодарю за советы.  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)