用 Django 模板语言显示带有特色图像的图像 "not featured"

Displaying images "not featured" with featured images in Django template language

我正在尝试使用 Django 模板语言在特色图片下显示小缩略图,但由于某种原因,主图片显示效果很好但不是小图片。想法是显示一张特色图片,其余为 "not featured" 张图片。

我的单页代码显示 "Featured Images" 和 "Not Featured" 图片如下。

 {% extends 'base.html' %}
 {% block content %}
 <h1>{{ product.title }}</h1>
 {% for img in images %}

 {% if img.featured  %}
 <h1>Featured</h1>
 <img class='img-responsive' src="{{ MEDIA_URL }}{{ img.image }}"/>
 {% else %}
 <div class="col-xs-6 col-md-3">
 <a href="#" class="thumbnail">
 <img class='img-responsive' src="{{ MEDIA_URL }}{{ img.image }}"/>
 </a>
 </div>

 {% endif %}
 {% endfor %}
 {% endblock %}

请指教

我的models.py是....

from django.core.urlresolvers import reverse
from django.db import models

class Product(models.Model):
    title = models.CharField(max_length=120)
    description = models.TextField(null=True, blank=True)
    price = models.DecimalField(decimal_places=2, max_digits=100, default=29.99)
    sale_price = models.DecimalField(decimal_places=2, max_digits=100, null=True, blank=True)
    slug = models.SlugField(unique=True)
    timestamp = models.DateTimeField(auto_now_add=True, auto_now=False)
    updated = models.DateTimeField(auto_now_add=False, auto_now=True)
    active = models.BooleanField(default=True)

   def __unicode__(self):
         return str(self.title)

   class Meta:
        unique_together = ('title', 'slug')

   def get_price(self):
        return self.price

   def get_absolute_url(self):
        return reverse('single_product', kwargs={'slug': self.slug})

class ProductImage(models.Model):
    product = models.ForeignKey(Product)
    image = models.ImageField(upload_to='products/images/')
    featured = models.BooleanField(default=False)
    thumbnail = models.BooleanField(default=False)
    active = models.BooleanField(default=True)
    updated = models.DateTimeField(auto_now_add=False, auto_now=True)

 def __unicode__(self):
     return self.product.title

尝试替换

{{ MEDIA_URL }}{{ img.image }}

{{ img.image.url }}

所有图片都设置为精选图片,这导致了问题。感谢@f43d65 的帮助。还咨询了 Github 上的项目:https://github.com/codingforentrepreneurs/ecommerce/blob/master/ecommerce/templates/products/single.html.