与wordpress魔术领域的Lightbox。多尺寸图像

Question

任何人都可以帮我创建一个带有wordpress魔术字段的灯箱。

我需要在魔术字段中使用一个“图像（上传媒体）”来创建两个不同大小的图像。

例如缩略图100 x 100 px

和灯箱图片600 x 400px

包裹在代码中：

<a href=“http://localhost:8888/large-image.jpg” rel="lightbox"><img src=“http://localhost:8888/thumbnail-image.jpg” alt="" /></a>

我对如何实现这一点感到有些困惑。

Answer 1

尝试此解决方案。

PHP后端（http://wiki.magicfields.org/doku.php?id=front-end_functions）：

echo '<a href="'.get_image('fieldName',1,1,1,NULL,"w=600&h=400&zc=c&q=90").'" rel="lightbox"><img src="'.get_image('fieldName',1,1,1,NULL,"w=100&h=100&zc=c&q=90").'" alt="" /></a>';

JS前端（http://api.jquery.com/category/selectors/）。

我想你使用jQuery库进行灯箱，所以请阅读jQuery选择器。 您的情况：属性等于选择器[name =“value”] 你的js代码必须是：

echo '<a href="'.get_image('fieldName',1,1,1,NULL,"w=600&h=400&zc=c&q=90").'" rel="lightbox"><img src="'.get_image('fieldName',1,1,1,NULL,"w=100&h=100&zc=c&q=90").'" alt="" /></a>';