jqModal和ad-gallery

时间:2010-07-30 16:58:47

标签: jqmodal

这只是让我疯了。我正在尝试jqModal与jquery.ad-gallery合作。这就是我到目前为止所做的:

<link rel="stylesheet" type="text/css" href="css/jqModal.css">
<link rel="stylesheet" type="text/css" href="css/jquery.ad-gallery.css">
<script type="text/javascript" src="javascript/jquery-1.4.js"></script>
<script type="text/javascript" src="javascript/jquery.ad-gallery.js" ></script>
 <script type="text/javascript" src="javascript/jqModal.js" ></script>
 <script>
 $().ready(function() {

  $('#jqmPix').jqm({modal:true});

 showPix = function(bhiid,projNum) {
   $.ajax({
           type: "get",        
           url: "<cfoutput>#actURL#</cfoutput>",
           cache: false,       
           success: function(result) { 
                $('#jqmPixTitle').html('Photos for : '+projNum);
                $('#jqmPixText').html(result);
                $('#jqmPix').jqmShow().css('left',getTopLeftPt('#jqmPix')).css('top',getTop('#jqmPix'));
                },

           error: function(xmlHttpRequest, status, err) {
             confirm('Error!' + err );
         }
      });
    }

     getTopLeftPt = function(a){
        var leftPt = parseInt($(window).width()/2)-parseInt($(a).width()/2);
       //alert(leftPt);
       return leftPt;
       }
     getTop = function(a){
      var topPt = parseInt($(window).height()/4-50);
      //alert(topPt);
      return topPt;
     }



 });
  </script>

  <input type="button" name="clicky" id="clicky" value="clicky" onclick="showPix(40852,'RE5540T09608B')"/>


 <div id="jqmPix" class="jqmWindow" style="width:690px; display:none;">
<div class="jqmHeader" >
    <div id="jqmPixTitle"></div>
    <div id="jqmHeaderClose" >
        <img src="images/vista-close.gif" class="jqmClose" alt="close" />
    </div>
    <div style="clear:both;"></div>
</div>
<div class="jqmBody">
   <div id="jqmPixText"  align="center">
    </div>
    <div style="clear:both;"></div>
</div>
<div class="jqmFooter jqmFooterButtons" id="jqmFooterText">
</div>

我看到模态窗口,图像容器下方的导航但缺少主图像。它只是不显示。

有趣的是,如果我直接访问ajax网址,一切都运行得很好。一个技巧是我必须传递一个url变量,并在我直接点击ajax url时检查它是否存在。如果它存在,那么我包括。否则,firebug会在调用页面上的jqmShow()上抛出错误。

任何人都可以帮助我吗?

提前谢谢。

1 个答案:

答案 0 :(得分:0)

它与jquery.ad-gallery.css中的.ad-image定义和/或jquery.ad-gallery.css中的_showWhenLoaded函数有关。我发现了另一个名为galleria的插件。我有一个问题,我必须刷新主页:parent.location.reload(1);

否则,当您重新打开jqmodal窗口时,它会进入无限循环。无论如何,希望这有助于其他人。