Re: ...auf dem Weg nach bootstrap city
Posted: Wed 11. Nov 2015, 11:17
ok, es gab eine Kollision mit den FE-Edit-Buttons. Einmal ausloggen und schon rennt der Slider wie verrückt.
Also, was haben wir (alles direkt aus der Werkstatt und noch nicht aufgeräumt):
conf.template.default.inc
dann zwei TextmitBild-Templates, hier für den ersten Slide
und beim zweiten und allen anderen one "active"
und zur Steuerung der Slide-Geschwindigkeit
Theoretisch könnte man jeden X-beliebigen CP da (zusätzlich reinbasteln, wenn man ihn mit
Verbesserungen? Wie nur mit einem Template? Auf geht's!
Also, was haben wir (alles direkt aus der Werkstatt und noch nicht aufgeräumt):
conf.template.default.inc
Code: Select all
'bs-row-textbild-slider' => array ( // In dieser Zeile ist kein Unterstrich elaubt!
'title' => 'bs-row-textbild-about-slider', // Auswahl-Name im Backend
'prefix' => '
<section id="%1$s">
<div class="container">
<div class="row">
<div id="about-slider" class="carousel slide" data-ride="carousel">
<div style="display:block;margin-bottom:20px;" class="clearfix">
<a class="even-control-left" href="#about-slider" data-slide="prev"><i class="fa fa-angle-left"></i></a>
<a class="even-control-right" href="#about-slider" data-slide="next"><i class="fa fa-angle-right"></i></a>
</div>
<div class="carousel-inner">',
// %1$s = "title" oder "CP-Abschnitt" Eintrag, wenn vorhanden | %2$s = Tab-ID
'suffix' => '
</div>
</div>
</div>
</div>
</section>'
)
Code: Select all
<!--IMAGETEXT_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
class_top_left = imgtxt-top-left
class_top_center = imgtxt-top-center
class_top_right = imgtxt-top-right
class_bottom_left = imgtxt-bottom-left
class_bottom_center = imgtxt-bottom-center
class_bottom_right = imgtxt-bottom-right
class_float_left = imgtxt-left
class_float_right = imgtxt-right
class_column_left = imgtxt-column-left
class_column_right = imgtxt-column-right
; width = 300
; height = 200
; zoom = 1
; crop = 1
; lightbox = 1
; nocaption = 0
<!--IMAGETEXT_SETTINGS_END//-->
<div class="item active">
<div class="col-md-12">
[IMAGE]<div class="col-md-4 col-sd-4 col-sx-12 image img-responsive">{IMAGE}</div>
[CAPTION]
<p class="caption">{CAPTION}[COPYRIGHT] <span class="copyright">{COPYRIGHT}</span>[/COPYRIGHT]</p>
[/CAPTION]
<!--
Image ID: {IMAGE_ID}
Image Hash: {IMAGE_HASH}
Image Name: {IMAGE_NAME}
Image Extension: {IMAGE_EXT}[IMAGE_TITLE]
Title Attribute: {IMAGE_TITLE}[/IMAGE_TITLE][ALT]
Alt Attribute: {ALT}[/ALT]
-->
[/IMAGE]
<div class="col-md-8 col-sd-8 col-sx-12 image-with-text[CLASS] {CLASS}[/CLASS] img-responsive" id="imgtext-id-{ID}">
[TITLE] <h3>{TITLE}</h3>[/TITLE]
[SUBTITLE] <h4>{SUBTITLE}</h4>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]
<!--
[TOP_LEFT]<p>Top Left</p>[/TOP_LEFT]
[TOP_CENTER]<p>Top Center</p>[/TOP_CENTER]
[TOP_RIGHT]<p>Top Right</p>[/TOP_RIGHT]
[BOTTOM_LEFT]<p>Bottom Left</p>[/BOTTOM_LEFT]
[BOTTOM_CENTER]<p>Bottom Center</p>[/BOTTOM_CENTER]
[BOTTOM_RIGHT]<p>Bottom Right</p>[/BOTTOM_RIGHT]
[FLOAT_RIGHT]<p>Float Right</p>[/FLOAT_RIGHT]
[FLOAT_LEFT]<p>Float Left</p>[/FLOAT_LEFT]
[COLUMN_LEFT]<p>Column Left</p>[/COLUMN_LEFT]
[COLUMN_RIGHT]<p>Column Right</p>[/COLUMN_RIGHT]
-->
</div>
</div>
</div>
Code: Select all
<!--IMAGETEXT_SETTINGS_END//-->
<div class="item">
<div class="col-md-12">
Code: Select all
<script>
$(document).ready(function() {
$('#about-slider').carousel({
interval: 4000
});
});
</script>
Code: Select all
<div class="item">
....
</div>
einwickelt...
Verbesserungen? Wie nur mit einem Template? Auf geht's!