2011-09-13 6 views
0

以下は、各hrefを手動で画像パスに設定してクラスを設定する方法を示しています。複数の値をリストに追加する方法+ jQuery

$.fancybox([{ 
          'href' : '/image/1.jpg', 
          'class' : 'iframe' 
         }, 
         { 
          'href' : '/image/2.jpg', 
          'class' : 'iframe' 
         }, 
         { 
          'href' : '/image?blob_key={{ path }}', 
          'class' : 'iframe' 
         } 
        ], { 
         'padding'   : 0, 

私はループを持っている場合は、どのようにjQueryのリストに上記のように中括弧で囲まれているものを「HREF」と「クラス」の値を追加するには?定休

EDIT

{% for photo in photos %} 
// how to add this "/image?blob_key={{ photo.photo_blobstore_key }} to the $.fancybox ? 

{% endfor %} 

質問:

で解決:

var options = []; 
      {% for photo in photos %} 
       options.push({ 
        'href' : 'image?blob_key={{ photo.photo_blobstore_key }}', 
        'class' : 'iframe' 
       }); 

申し訳ありません。私はjQueryに慣れていないので、この簡単な質問をしました。質問解決されたので閉じます。

+0

ページのロード時にすでにループを持っていますか、またはあなたのページに動的に要素を追加していますか? –

+0

解決策を***の回答***として投稿し、できる場合はその回答を受け入れてください。さもなければ、システムは質問に答えられない(または、少なくとも「未解決」)と考えます。 –

+0

ダビデに提案してくれてありがとう。 :) – MrCooL

答えて

0
var options = []; 
    {% for photo in photos %} 
     options.push({ 
      'href' : 'image?blob_key={{ photo.photo_blobstore_key }}', 
      'class' : 'iframe' 
     }); 
    {% endfor %} 
0

いくつかのコンテナdiv内に複数の画像を追加しようとしていると思います...正しいですか?

$.each(photos, function(i,e){ 
    $("#fancybox").append($("<img src='"+ e.href +"' class='"+ e.class +"'/>")); 
}); 
関連する問題