• Привет, подскажите, пожалуйста:

    В установленной теме картинка каждого поста ведет не на пост, а на увеличенную эту же картинку в красивой рамочке просмотра галерей с кнопками соцсетей (но там только одна картинка превьюшка). Подскажите:

    1. Вариант1. Как сделать, чтоб картинка при клике вела на сам пост?

    2. Вариант2. Как сделать. чтоб картинка открывала в этой рамочке не одну саму себя увеличенную, а в рамочке перелистывались бы еще другие фотки, содержащиеся в посте, пусть заданные какими-нибудь, например, произвольными полями.

    очень надеюсь на помощь с Вариантом 2,
    вариант 1 — запасной, на самый крайний случай

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Вариант 2 можно очень просто реализовать без плагинов. Я у себя на сайте не стал для этого ставить NextGEN Gallery, а использовал плагин для jQuery LightBox. Что получилось, можете посмотреть тут: http://mprogs.16mb.com/2012/05/vidzhet-goroskop-dlya-sajta-style-co-ua/

    Фактически, сколько бы я картинок не навставлял в пост, если они будут обрамлены ссылками <a href="..." rel="lightbox">, они будут перелистываться в рамочке, что, как я понял, вам и требуется.

    Для этого потребовалось добавить нескольких строк кода в functions.php.

    Другое дело, что нужно ещё посмотреть вашу тему, каким кодом картинки выводятся там. Если что, свяжитесь со мной по контактам на сайте, проконсультирую.

    спасибо.
    к сожалению не знаю php и поэтому не понимаю какой кусок отвечает за вывод картинки в лайтбокс и куда добавлять переменные из произвольных полей.

    как я понял превью тумба выводиться вот здесь:

    echo «<div class=’imageholder’> $code </div>»;
    elseif ( (function_exists(‘has_post_thumbnail’)) && (has_post_thumbnail()) && $thumbnails ) :

    $id = get_post_thumbnail_id();
    $ar = wp_get_attachment_image_src( $id , array(9999,9999) );
    $theImageSrc = $this->getMUFix($ar[0]);
    echo ‘<div class=»imageholder-wrapper clearfix»>’.$this->imageDisplay($theImageSrc , $image_height , $image_width , true, $ar[0], false , true,» ,» ,false);

    if($extras) : ?>

    и функция отвечающая за работу lightbox вот:

    public function imageDisplay($src , $height = 250, $width= 250 , $lightbox = false ,$link = » ,$zc = false ,$imageholder = true ,$description = »,$cd=» , $hoverable = true )
    {
    // echo $description;

    global $super_options;
    if($lightbox) $lightbox = ‘lightbox’;

    $resize_opt = trim($super_options[SN.»_image_resize»]);

    if($resize_opt==»Timthumb» || $resize_opt==»») {

    if($hoverable)
    $hoverable = ‘<span class=»hover-image»> <small></small> </span>’;

    if($link!=»»)
    $lk = $link;
    else
    {
    $lk = $src;
    if(is_array($cd))
    {
    $lk = URL.»/timthumb.php?src=».urlencode($src).»&h=$cd[0]&w=$cd[1]&zc=3″;
    }
    }

    $zc_opt = ($super_options[SN.»_timthumb_zc»]==»») ? «Hard Resize» : trim($super_options[SN.»_timthumb_zc»]) ;
    $zzc = 0;
    switch($zc_opt)
    {
    case «Hard Resize» : $zzc = 0; break;
    case «Smart crop and resize» : $zzc = 1; break;
    case «Resize Proportionally» : $zzc = 3; break;

    }

    if($zc)
    $zzc = $zc;

    if($imageholder) $imageholder = ‘imageholder’; else $imageholder = »;

    $image = » $hoverable
    <img src='».URL.»/timthumb.php?src=».urlencode($src).»&h=$height&w=$width&zc=$zzc’ alt=» /> $description
    «;

    }
    else if($resize_opt==»Wordpress Core resizer») {

    if($link!=»»)
    $lk = $link;
    else
    {
    $lk = $src;
    if(is_array($cd))
    {
    $cr_img = $this->wp_resize(NULL,$src,$cd[1],$cd[0]);
    $lk = URL.»/timthumb.php?src=».$cr_im[«url»].»»;
    }
    }
    if($imageholder) $imageholder = ‘imageholder’; else $imageholder = »;

    $cr_img = $this->wp_resize(NULL,$src,$width,$height);

    $image = »
    <img src='».$cr_img[«url»].»‘ alt=» /> $description
    «;

    }
    else if($resize_opt==»none») {

    if($link!=»»)
    $lk = $link;
    else
    {
    $lk = $src;
    if(is_array($cd))
    {

    $lk = $src;
    }
    }
    if($imageholder) $imageholder = ‘imageholder’; else $imageholder = »;

    $image = »
    <img src='».$src.»‘ alt=» width = ‘$width’ height=’$height’ /> $description
    «;

    }

    return $image;
    }

    Примерно ясно, но дайте, пожалуйста, посмотреть, как это работает на сайте.

Просмотр 3 ответов — с 1 по 3 (всего 3)

Тема «Featured Images» закрыта для новых ответов.