AJAX导航和扩展图像

时间:2011-11-25 20:44:04

标签: php jquery image zoom jquery-address

我有一个带有主页index.php的站点,当我点击index.php中的菜单项时,我使用JQuery Address加载内容。

在加载到#content的其中一个页面中,有一些图像我使用Highslide进行扩展。问题是当图像扩展到#content div的边界时,这个div被清空并替换为乱码( JFIF等)。

有没有办法使用这个AJAX导航获得可缩放的图像?

编辑: 如果我复制Highslide代码并在加载到#content div中的页面中重新加载JQuery,它就可以工作:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<link rel="stylesheet" href="js/highslide/highslide.css" type="text/css" />
<script src="js/highslide/highslide.js" type="text/javascript"></script>
<script type="text/javascript">
    hs.graphicsDir = 'js/highslide/graphics/';
</script>

但这意味着这些js调用在页面上进行了两次,并且由于某种原因我不清楚,这意味着index.php上的其他jquery脚本(包括Address)不起作用更多...非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

我错过了一些明显的东西。包裹每个要展开的图像的标签正由我的地址呼叫接收,我自动将其附加到每个标签。所以我刚为图像添加了一个类,并将其从调用中排除:

$('a:not(a.img)').livequery('click',function() {  
    $.address.value($(this).attr('href'));  
    return false;
});