• Решено mobiduke

    (@mobiduke)


    Здравствуйте, прошу помочь с возникшей проблемой…

    У меня есть код галереии на jquery в виде карусели, вот ее код:

    <div id = "carousel1" style="width:1200px; height:400px; overflow:click;  margin-right:80px;">    
    
    	<img width='550' height='350' style='border:3px solid #000' class = "cloudcarousel" src="<?php bloginfo('template_url'); ?>/images/mike2.jpg" title="Супер Майк"/>
    	<img width='550' height='350' style='border:3px solid #000' class = "cloudcarousel" src="<?php bloginfo('template_url'); ?>/images/mad.jpg"   title="Мадагаскар 3"/>
        <img width='550' height='350' style='border:3px solid #000' class = "cloudcarousel" src="<?php bloginfo('template_url'); ?>/images/abr.jpg" title="Президент Линкольн: Охотник на вампиров" />
    	<img width='550' height='350'  style='border:3px solid #000' class = "cloudcarousel" src="<?php bloginfo('template_url'); ?>/images/hra.jpg"   title="Храбрая сердцем"/>
    
    </div>

    Мне нужно чтобы вместо этих изображений была картинка из поста.
    Я делал как-то так:

    <div id = "carousel1" style="width:1200px; height:400px; overflow:click;  margin-right:80px;">    
    
    	<img width='550' height='350' style='border:3px solid #000' class = "cloudcarousel" src="<?php the_post_thumbnail();?>" title="Супер Майк"/>
    
    </div>

    но это не помогало

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Вы эту команду используете, надеюсь, внутри цикла ?

    http://codex.wordpress.org/The_Loop
    http://codex.wordpress.org/Function_Reference/the_post_thumbnail
    http://wp-kama.ru/function/the_post_thumbnail

    Автор mobiduke

    (@mobiduke)

    да, с циклом выглядит так:

    <?php query_posts($query_string.'&cat=3'); ?>
    		<?php if(have_posts()) : ?>
    		<?php while(have_posts()) : the_post(); ?>
    
    <div id = "carousel1" style="width:1200px; height:400px; overflow:click;  margin-right:80px;">    
    
    	<img width='550' height='350' style='border:3px solid #000' class = "cloudcarousel" src="<?php the_post_thumbnail();?>"/>
    
    </div>
    
    		<?php endwhile; ?>
    		<?php endif; ?>

    я заменил
    <img width=’550′ height=’350′ style=’border:3px solid #000′ class = «cloudcarousel» src=»<?php the_post_thumbnail();?>»/>
    на
    <?php the_post_thumbnail(‘thumbnail’, array(‘class’ => ‘cloudcarousel’)); ?>

    вроде вывелась, но только одна картинка последнего поста, а остальные картинки в цикле просто стоят…

    Автор mobiduke

    (@mobiduke)

    или возможно есть способ как-то загружать файлы на хостинг (через админку)

    the_post_thumbnail() — это уже вывод картинки, его не нужно вставлять внутри тега img.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    А если вставлять в <img>, то нужна функция wp_get_attachment_image_src():

    <img width='550' height='350' style='border:3px solid #000' class = "cloudcarousel" src="<?php echo wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium' ); ?>"/>

    http://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src

    Судя по первому примеру, контейнер <div id="carousel1"> должен быть за пределами цикла.

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Вставка изображения в jquery» закрыта для новых ответов.