Javascript / css照片弹出功能放置问题

时间:2012-05-07 21:58:27

标签: javascript css magento photo

我多次使用这个网站来查找我的问题的答案,但我似乎无法找到我当前问题的答案。任何帮助都会很棒!

我在Magento中使用名为TopUp的自定义照片弹出功能插件。我联系了该代码的原作者并没有收到回复。我用Google搜索了问题,其他用户使用Magento 1.6和1.7也遇到了同样的问题。

在查看产品详细信息页面时单击产品图像时,图像应在屏幕中间弹出。好吧,现在,图像弹出屏幕的底部,当你点击下一个或后面时,它会自动重新定位。

以下是指向适用的产品的确切链接(开发网站): http://www.childress-media.com/shapingheartsforgod.org/index.php/shaping-hearts-series/pre-k-through-5th-grade/all-things-made-new/all-things-made-new-student-workbook-level-1.html

以下是Javascript弹出程序的链接: http://www.childress-media.com/shapingheartsforgod.org/skin/frontend/base/default/js/top_up/top_up-min.js

我已经尝试在文件中随处乱搞CSS了 - 但我不能让它做我想做的事。

理想情况下,弹出窗口会从页面顶部显示100px,并在您按下一个或上一个时居中并保持居中。

你们可以提供的任何帮助都将非常感激。谢谢!

1 个答案:

答案 0 :(得分:0)

一种简单但原始的方法是设置css样式,例如:

document.getElementById('top_up').style.top = '100px';