Помогите сделать статичную картинку активной wordpress

ЧВ
На сайте с 03.07.2014
Offline
33
732

Приветствую. Помогите пожалуйста решить проблему а то голову сломал.

Это код вывода статичной картинки в статье. Что нужно добавить в код, чтобы эта картинка открывалась в полном размере при нажатии на неё?

<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1"   class="alignnone" alt="<?php the_title();?>" title="<?php the_title_attribute();?>" style="margin-bottom:20px " />
[Удален]
#1

Нужно просто поместить УРЛ этого изображения в ссылку


<a href="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1">

<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1" class="alignnone" alt="<?php the_title();?>" title="<?php the_title_attribute();?>" style="margin-bottom:20px " />

</a>
ЧВ
На сайте с 03.07.2014
Offline
33
#2

при такой постановке просто ссылка получается, картинка пропадает

---------- Добавлено 14.03.2015 в 14:36 ----------

тут как мне кажется требуется более изящное решение, чтоб при нажатии на эту миниатюру открывался оригинал.

[Удален]
#3

Попробуйте поставить FancyBox. Тогда всё будет открываться красиво в модальном окне.

ЧВ
На сайте с 03.07.2014
Offline
33
#4

всё стоит, эта статичная картинка выводится автоматом в начале поста, но, кроме этой картинки, картинок больше не планируется. Вот и хочу чтоб она открывалась в модальном окне. Там код просто хитрый, туда надо что то добавить куда то типа a href=, а куда и как правильно не пойму.

<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1?<a href= параметр на вложение "

Что то вроде

[Удален]
#5

Если стоит FancyBox то делаем так

<a href="ссылка на оригинал изображения" class="fancybox">

Миниатюра

</a>

По умолчанию fancybox вызывается классом class="fancybox". Если так работать не будет, то значит он у вас вызывается другим классом.

ЧВ
На сайте с 03.07.2014
Offline
33
#6
maschytsky:
Если стоит FancyBox то делаем так
<a href="ссылка на оригинал изображения" class="fancybox">
Миниатюра
</a>
По умолчанию fancybox вызывается классом class="fancybox". Если так работать не будет, то значит он у вас вызывается другим классом.

А как изображение вызвать из поста. <a href=" код должен быть чтоб из поста фотку брал сам" class="fancybox">

что то в это духе

<a href="код вызова оригинала изображения "<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1">
[Удален]
#7

Если это миниатюра то тут посмотрите.

А если это не миниатюра, то желательно бы в дальнейшем добавлять её как миниатюра. Так будет легче отследить.

ЧВ
На сайте с 03.07.2014
Offline
33
#8

Вроде ниточку нашёл. теперь надо пермалинк заменить на что то.<a href="<?php the_permalink() ?>

На функцию вызова оригинала вложения. Сейчас картинка стала ссылкой на эту же страницу.

<a href="<?php the_permalink() ?>" ><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1" class="alignnone" alt="<?php the_title();?>" title="<?php the_title_attribute();?>" style="margin-bottom:20px " /></a>

Она оригинал которая режется на лету за счёт &h=480&w=620&zc=1

[Удален]
#9

Пробуйте так <a href="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>">

ЧВ
На сайте с 03.07.2014
Offline
33
#10
maschytsky:
Пробуйте так <a href="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>">

так картинка вобще пропадает

---------- Добавлено 14.03.2015 в 16:14 ----------

Вот решение проблемы

<a href="<?php echo get_image_path($post->ID); ?>" ><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1" class="alignnone" alt="<?php the_title();?>-Обои на рабочий стол" title="<?php the_title_attribute();?>" style="margin-bottom:20px " /></a>

Всем огромная благодарность, без вас не додумался бы

Перед img поставил вот

<a href="<?php echo get_image_path($post->ID); ?>" > код </a>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий