2

我的彩盒工作正常。

有没有办法从颜色框内获取完整尺寸的图像（800 像素 x 800 像素）并将其用作颜色框锚点中的小拇指（100 像素 x 100 像素），就像颜色框覆盖显示全尺寸一样？

<a href="pathToImage/image.jpg" class="colorbox"><img src="pathToImage/image.jpg" /></a>

href = 100px x 100px thumb img = 全尺寸

或者，这是否最好由 timthumb 之类的东西来完成？

仅供参考...我在 wordpress 插件的管理区域中使用颜色框。

[更新] 因为我在 Wordpress 中执行此操作，据我了解，更改图像大小内嵌广告在页面加载时间上不必要的开销。

这是我正在使用的 jquery： add_action( 'admin_head', 'do_colorbox_script' );

函数 wlmm_do_colorbox_script() {

$max_width  = '';       $max_height     = '';
$width      = '';       $height         = '';
$inner_width    = '';       $inner_height  = '';
$opacity        = '0.9';
$img_error  = 'Sorry this image not currently available.';

// Colorbox settings
echo '
<script>
  jQuery(document).ready(function () {
      jQuery("a.help").colorbox({ 
      maxWidth:"'.$max_width.'", 
      maxHeight:"'.$max_height.'", 
      Width:"'.$width.'", 
      Height:"'.$height.'", 
      innerWidth:"'.$inner_width.'", 
      innerHeight:"'.$innerHeight.'", 
      imgError:"'.$img_error.'",
      opacity:'.$opacity.' });
  });
</script>';

}

4

1 回答 1

0

试试这个：

<a href="pathToImage/image.jpg" class="colorbox"><img width="100" height="100" src="pathToImage/image.jpg" /></a>

但是，除非您还可以提供用于调用它的颜色框 jQuery，否则很难给出完整的答案。

于 2013-01-10T22:42:45.033 回答