[slideshow] updated for bootstrap3
This commit is contained in:
parent
6986fc7ff3
commit
ec4dfab884
@ -97,3 +97,15 @@ h1, h2, h3, h4, h5 {
|
|||||||
.avatar-x-large img {
|
.avatar-x-large img {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.carousel-control .icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
z-index: 5;
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin-top: -10px;
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"creation": "2013-03-07 14:48:40",
|
"creation": "2013-03-07 15:53:15",
|
||||||
"docstatus": 0,
|
"docstatus": 0,
|
||||||
"modified": "2012-12-25 16:56:34",
|
"modified": "2013-05-28 16:57:32",
|
||||||
"modified_by": "Administrator",
|
"modified_by": "Administrator",
|
||||||
"owner": "Administrator"
|
"owner": "Administrator"
|
||||||
},
|
},
|
||||||
@ -53,6 +53,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"depends_on": "eval:!doc.__islocal",
|
"depends_on": "eval:!doc.__islocal",
|
||||||
|
"description": "Note: For best results, images must be of the same size and width must be greater than height.",
|
||||||
"doctype": "DocField",
|
"doctype": "DocField",
|
||||||
"fieldname": "sb0",
|
"fieldname": "sb0",
|
||||||
"fieldtype": "Section Break",
|
"fieldtype": "Section Break",
|
||||||
|
@ -1,6 +1,17 @@
|
|||||||
{% if slideshow %}
|
{% if slideshow %}
|
||||||
{{ slideshow_header }}
|
{{ slideshow_header }}
|
||||||
<div id="myCarousel" class="carousel slide">
|
|
||||||
|
|
||||||
|
<div id="the-carousel" class="carousel slide">
|
||||||
|
<!-- Indicators -->
|
||||||
|
<ol class="carousel-indicators">
|
||||||
|
{% for slide in obj.slides %}
|
||||||
|
<li data-target="#the-carousel" data-slide-to="0"
|
||||||
|
{%- if loop.index==0 %}class="active"{% endif %}></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
<div class="carousel-inner">
|
<div class="carousel-inner">
|
||||||
{% for slide in obj.slides %}
|
{% for slide in obj.slides %}
|
||||||
<div class="{% if slide.idx==1 %}active {% endif %}item">
|
<div class="{% if slide.idx==1 %}active {% endif %}item">
|
||||||
@ -14,10 +25,15 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
<a class="carousel-control left" href="#myCarousel"
|
|
||||||
data-slide="prev">‹</a>
|
<!-- Controls -->
|
||||||
<a class="carousel-control right" href="#myCarousel"
|
<a class="left carousel-control" href="#the-carousel" data-slide="prev">
|
||||||
data-slide="next">›</a>
|
<span class="icon icon-chevron-left"></span>
|
||||||
|
</a>
|
||||||
|
<a class="right carousel-control" href="#the-carousel" data-slide="next">
|
||||||
|
<span class="icon icon-chevron-right"></span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>$(".carousel").carousel();</script>
|
<script>$(".carousel").carousel();</script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user