Page 1 of 1

Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Tue 13. Nov 2018, 18:13
by Dieter:Bahr
Hat sich erledigt ... sorry, war ein Fehler 40

DANKE

Re: Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Wed 14. Nov 2018, 09:13
by Dieter:Bahr
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

Re: Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Wed 14. Nov 2018, 09:38
by top
Im Backend unter Admin > Vorlagen die Vorlage(n) editieren und dort findest du ein Auswahlmenü für gewünschte JS-Bibliothek.

Re: Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Wed 14. Nov 2018, 18:02
by Dieter:Bahr
top wrote: Wed 14. Nov 2018, 09:38 Im Backend unter Admin > Vorlagen die Vorlage(n) editieren und dort findest du ein Auswahlmenü für gewünschte JS-Bibliothek.
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

Posted: Tue 28. Apr 2020, 07:03
by photojo
Sollte das BS-Carousel eigentlich bei entsprechend eigenbunden BS-Scripten "out-of-the-box" funktionieren?

Re: Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Tue 28. Apr 2020, 07:56
by Oliver Georgi
photojo wrote: Tue 28. Apr 2020, 07:03 Sollte das BS-Carousel eigentlich bei entsprechend eigenbunden BS-Scripten "out-of-the-box" funktionieren?
Hängt davon ab, über welche Version wir sprechen. Das vorhandene ist für BS 3.x.

Re: Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Tue 28. Apr 2020, 08:16
by photojo
Ah, ok. Danke. Geht!

Re: Phpwcms 1.9.2 / Bootstrap Carousel

Posted: Tue 28. Apr 2020, 15:21
by santscho
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.

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//-->