2017-06-03 7 views
0

私はWordpressのテストサイトを持っており、特定のカテゴリの最近の投稿を一覧表示するプラグインを使用しています。私はそれを変更して、リストの各項目の代わりにサムネイルを表示する代わりに、上にある項目だけがそのサムネイルを別のdivに表示するように変更したいと思います。jqueryはリストアイテムを持ち、別のdivに画像を表示する、リストは動的です

Shlomi Hassidさんがpost hereに見つけた1つのjqueryソリューションが好きです。しかし、彼は静的な画像と私が作業しているリストには存在しない 'データ画像'変数を使用しているので、私はそれを適応させることはできません。 (。彼はフィドルの例を示します)

私はそれを動作させるためにPHPにデータ・イメージ変数を渡す必要があるように思えるので、私はHassidのスクリプトにこれを追加してみました:

var htthumb = $(this).data('image'); 
    $.ajax({ 
     type: 'POST', 
     url: 'http://testsite.humortimes.com/wp-content/plugins/recent-posts-widget-thumbs-mine/includes/widget.php', 
     data: {'variable': htthumb}, 
    }); 

..

<li class="ht-menu-item" data-image=$htimgsrc <?php 

しかし、結果J:.AND PHPでリストクラスでは、リストを作成し、PHPのセグメントの前にdata-image=$htimgsrcを追加し、その後

$htimgsrc = $_POST['htthumb'];を追加しましたustは、私が必要とするソース情報ではなく、変数名で上記のようにデータイメージプレフィックスを示しています。

私は変数をjsからphpに渡すか、まったく別の方法でこれを行うのに助けが必要だと思います。

私が作業しているページは、テストサイトでis hereです。

ありがとうございました。

編集:

私はこれを再考しました。私は実際には持っている記事 『ループ「の間に、そう。イメージを検索するために、JSのために、私は上記のようにJSから変数を取得する必要はありません』添付画像のURLは=データ・イメージ」の後にそれを置く必要がありますプラグインでは、私は$ thumb_idは、サムネイルのidをつかんされたプラグインで、別のPHPファイルから変数をあるwp_get_attachment_image($thumb_id)を使用して、画像のURLをつかむしようとした。この方法では、私が理解、私は正しい画像を得ることができます。しかし、それはそうです何らかの理由でnullを返します。

すべてのアイデアは歓迎されるであろう。ありがとう。

+0

作業しているコードサンプルを投稿してくださいこれまでに何を試してきたのかを教えてください。 https://stackoverflow.com/help/askingを参照してください。 – Dashrath

+0

リクエストを編集しました。 – jamminjames

+0

私はこれを考え直してきました。サムネイル画像のURLが本当に必要なだけなので、jsから取得する必要はありません。しかし、これまでPHPが動作していないことを試しました。 – jamminjames

答えて

0

さて、それは可能なはずであるが、その元であるため、(プラグイン内から画像添付ファイルの情報を取得しようとしている上であきらめましたフォームでは、リストの各項目の横にサムネイルを表示しますが、別のdivでのみ表示したいリスト項目の上にホバーしながら)。私は自分の機能でイメージのURLを取得する必要があると判断しました。だから、私はいくつかの便利なコードを発見し、それを適応し、ループ内でこれを挿入し、「データ・画像=」URLのために作ら「$ htthumb1」変数を使用して:

if (has_post_thumbnail()) { 
     the_post_thumbnail(); 
    } else { 
     // No post thumbnail, try attachments instead. 
     $attachment = get_children(
     array(
      'post_parent' => get_the_ID(), 
      'post_type'  => 'attachment', 
      'post_mime_type' => 'image', 
      'order'   => 'DESC', 
      'numberposts' => 1, 
     ) 
    ); 
    if (! is_array($attachment) || empty($attachment)) { 
     return; 
    } 
    $attachment = current($attachment); 
    $htthumb1 = wp_get_attachment_thumb_url($attachment->ID); 
    }; 
関連する問題