如何解决猫头鹰轮播未在Django服务器中显示图像
好了,正如标题中所述,当我用纯CSS和html设计网站时,它完美地显示了图像,这是调用必要文件后的相关代码,并且结果纯正:
<!-- ================= main slide ================= -->
<div class="owl-init slider-main owl-carousel" data-items="1" data-margin="1" data-nav="true" data-dots="false">
<div class="item-slide">
<img src="img/banners/CDMX.jpg">
</div>
<div class="item-slide">
<img src="img/banners/GDL.jpg">
</div>
<div class="item-slide">
<img src="img/banners/MTY.png">
</div>
</div>
<!-- ============== main slidesow .end // ============= -->
</div> <!-- col.// -->
但是,在扩展base.html文件并确保正确调用所有css js文件之后,这是index.html中的代码:
<!-- ================= ciudades slide ================= -->
<div class="owl-init slider-main owl-carousel" data-margin="1" data-nav="true" data-dots="false">
<div class="item-slide owl-item">
<img src="{% static 'core/img/banners/MTY.png' %}">
</div>
<div class="item-slide owl-item">
<img src="{% static 'core/img/banners/GDL.jpg' %} ">
</div>
<div class="item-slide owl-item ">
<img src="{% static 'core/img/banners/CDMX.jpg' %}">
</div>
</div>
<!-- ============== main slidesow .end // ============= -->
</div> <!-- col.// -->
结果如下:
在浏览器中分析html结果时显示以下结果:
<!-- ================= ciudades slide ================= -->
<div class="owl-init slider-main owl-carousel" data-margin="1" data-nav="true" data-dots="false">
<div class="item-slide owl-item">
<img src="/static/core/img/banners/MTY.png">
</div>
<div class="item-slide owl-item">
<img src="/static/core/img/banners/GDL.jpg ">
</div>
<div class="item-slide owl-item">
<img src="/static/core/img/banners/CDMX.jpg">
</div>
</div>
<!-- ============== main slidesow .end // ============= -->
</div> <!-- col.// -->
,然后我将插入日志的图像,以便您看到问题不是我正在使用的源/路径:
如果需要任何额外的代码或信息,我将不断进行检查,非常感谢大家...
解决方法
在settings.py
中创建静态文件设置
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'static'),]
将此代码放入urls.py
if settings.DEBUG:
urlpatterns = urlpatterns + static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。