2

カラーボックスが正常に動作しています。

カラーボックス内からフルサイズの画像 (800px x 800px) を取得し、それをカラーボックス アンカーの小さな親指 (100px x 100px) として使用する方法はありますが、カラーボックス オーバーレイはフルサイズで表示されますか?

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

href = 100px x 100px のサムネイル img = フルサイズ

それとも、これは timthumb のようなもので行うのが最善でしょうか?

参考までに... wordpress プラグインの管理領域で colorbox を使用しています。

[更新] 私が理解しているように、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 に答える