Phpwcms 1.9.2 / Bootstrap Carousel
-
- Posts: 82
- Joined: Tue 28. Feb 2017, 11:18
Phpwcms 1.9.2 / Bootstrap Carousel
Hat sich erledigt ... sorry, war ein Fehler 40
DANKE
DANKE
-
- Posts: 82
- Joined: Tue 28. Feb 2017, 11:18
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Moin zusammen,
hätte doch mal noch eine Frage bezüglich Bootstrap Carousel und dem JQuery ...
Mein Fehler und der Grund warum das Bootstrap Carousel nicht ging, war die JQuery Version (scheint nur mit Versionen bis 2.2.4 zu laufen.
Kann man das anpassen? Wenn ja, wie und wo?
DANKE
hätte doch mal noch eine Frage bezüglich Bootstrap Carousel und dem JQuery ...
Mein Fehler und der Grund warum das Bootstrap Carousel nicht ging, war die JQuery Version (scheint nur mit Versionen bis 2.2.4 zu laufen.
Kann man das anpassen? Wenn ja, wie und wo?
DANKE
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Im Backend unter Admin > Vorlagen die Vorlage(n) editieren und dort findest du ein Auswahlmenü für gewünschte JS-Bibliothek.
-
- Posts: 82
- Joined: Tue 28. Feb 2017, 11:18
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Danke für die Antwort, das meinte ich aber nicht ...
Meine Frage war, ob es ein Template geben wird, oder jemand eines hat, das mit einer höheren JQuery Version als mit 2.2.4 läuft. Denn mit den neuern JQuery scheint es irgendwo zuordnungsprobleme mit dem Link für´s nächste Bild zu geben
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Sollte das BS-Carousel eigentlich bei entsprechend eigenbunden BS-Scripten "out-of-the-box" funktionieren?
- Oliver Georgi
- Site Admin
- Posts: 9906
- Joined: Fri 3. Oct 2003, 22:22
- Contact:
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Hängt davon ab, über welche Version wir sprechen. Das vorhandene ist für BS 3.x.
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Ah, ok. Danke. Geht!
Re: Phpwcms 1.9.2 / Bootstrap Carousel
Habe ich per Zufall vor ein paar Tagen umgesetzt (Bilder spezial), weil das bereits vorhandene Bootstrap-Template nicht funktioniert hat. Ich glaube, es hat an der unterschiedlichen Benennung der Klassen gelegen. Ich verwende Bootstrap 4
Effekt 1: Fade oder Slide
Effekte 2: Controls ein oder aus
Effekt 3: Indicators ein oder aus
Anmerkung: Dieses Carousel unterstütz nur Bilder. Keine Captions.
Effekt 1: Fade oder Slide
Effekte 2: Controls ein oder aus
Effekt 3: Indicators ein oder aus
Anmerkung: Dieses Carousel unterstütz nur Bilder. Keine Captions.
Code: Select all
<!--IMAGE_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
; settings will overwrite CP settings
width = 1100
height = 480
width_zoom = 1100
height_zoom = 480
col = 9999999
space = 0
zoom = 0
lightbox = 0
nocaption = 0
; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
center = 0
;crop = 0
crop_zoom = 0
;fx1 = 0
;fx2 = 0
;fx3 = 0
; InfoText render: plain, html, markdown, textile
text_render = plain
<!--IMAGE_SETTINGS_END//-->
<!--IMAGES_HEADER_START//-->
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]
<div class="carousel slide[EFFECT_1] carousel-fade[/EFFECT_1]" data-ride="carousel" id="carousel-{ID}">
<div class="carousel-inner" role="listbox">
<!--IMAGES_HEADER_END//-->
<!--IMAGES_ENTRY_START//-->
<div class="carousel-item[FIRST] active[/FIRST]"><img class="w-100 d-block" src="{THUMB_REL}"></div>
<!--ENTRY_DATA_START//-->
<li data-target="#carousel-{ID}" data-slide-to="{ENTRY_ID}"[FIRST] class="active"[/FIRST]></li>
<!--ENTRY_DATA_END//-->
<!--IMAGES_ENTRY_END//-->
<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->
<!--IMAGES_FOOTER_START//-->
</div>
[EFFECT_2]
<div><a class="carousel-control-prev" href="#carousel-{ID}" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-{ID}" role="button"
data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
[/EFFECT_2]
[EFFECT_3] [DATA]
<ol class="carousel-indicators">
{DATA}
</ol>
[/DATA][/EFFECT_3]
</div>
<!--IMAGES_FOOTER_END//-->
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org