jquery imgareaselect和facebox

Question

我正在尝试整合imgareaselect（http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop-v11/）和facebox（http://defunkt.io/facebox/但是我根本没有运气，希望有人可以提供帮助。

imgareaselect调用

 header("location:");

上传图像后的

命令，但这实际上重新加载了整个页面而不仅仅是facebox组件。由于我之前从未使用过imgareaselect插件，所以我对此非常感兴趣。

感谢任何帮助。

Answer 1

您可以尝试将header("location:");替换为：

echo '<script type="text/javascript">jQuery.facebox({ image: \'newCroppedImage.jpg\' });</script>';

下面是一些不同的facebox方法，如http://defunkt.io/facebox/

所示

 **Arbitrary Text**
    jQuery.facebox('something cool');
    jQuery.facebox('something cool', 'my-groovy-style');
    **Remote files**
    jQuery.facebox({ ajax: 'remote.html' });
    jQuery.facebox({ ajax: 'remote.html' }, 'my-groovy-style');
    **Image**
    jQuery.facebox({ image: 'images/stairs.jpg' });
    jQuery.facebox({ image: 'images/stairs.jpg' }, 'my-groovy-style');
    **A Page Element**
    jQuery.facebox({ div: '#box' });
    jQuery.facebox({ div: '#box' }, 'my-groovy-style');