ColorBox: используйте большой палец, который ссылается на полноразмерное изображение в оверлее

Question

У меня colorbox работает нормально.

Есть ли способ изнутри colorbox взять полноразмерное изображение (800 на 800 пикселей) и использовать его в качестве небольшого большого пальца (100 на 100 пикселей) в привязке colorbox, как, но наложением colorbox показывается полный размер?

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

href = 100px на 100px thumb img = полный размер

Или это лучше всего сделать что-то вроде timthumb?

К вашему сведению... Я использую colorbox в админке плагина wordpress.

[обновление], так как я делаю это в Wordpress, насколько я понимаю, меняя размер встроенных объявлений излишних накладных расходов во время загрузки страницы.

Вот jquery, который я использую: add_action ('admin_head', 'do_colorbox_script');

function 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>';

}

Answer 1

Попробуй это:

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

Тем не менее, сложно дать полный ответ, если вы также не можете предоставить jQuery colorbox, который вы используете для его вызова.