Question

Following shows how to manually set each href to the image path and set the class.

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

If I have a loop, how to append the value of those “href” and “class” that are enclosed with curly bracket as shown above to a list in jQuery?

EDIT

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

{% endfor %}

Question Closed:

Solved with:

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

Sorry. I wasn’t familiar with jQuery and thus asked this simple question. Question Closed as it has been resolved.

Answer 1

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