achtergrondafbeeldingen door gebruiker laten invoeren

[mev]

Goeiemorgen CMS-MS-ers !
Een (potentiele) klant wil graag zelf per pagina steeds een andere achtergrondafbeelding -na upload- kunnen uitkiezen en invoeren/toevoegen aan de pagina's mbv cms-ms.
Er moet dus ergens een keuzemogelijkheid komen, wellicht in de template.
Iemand een idee óf, en zoja hoe dat het beste te realiseren is?

Bij voorbaat hartelijk dank!!

willemijn

[Jos]

Ik ben juist bezig om te kijken of ik GBfilepicker in de Custom Global Settings module kan integreren.
zie FR #8286 http://dev.cmsmadesimple.org/feature_request/view/8286

[Rolf]

heb je al eens naar {page_image} gekeken?

Code: Select all

{page_image assign='foo'}
{if $foo}
     <img src="/uploads/images/header-images/{$foo}" alt="" />
{else}
     <img src="/uploads/images/header-images/default.jpg" alt="" />
{/if}

[mev]

Heel hartelijk dank Jos en Rolf!

Neu nog nooit naar {page_image} gekeken.. daar kwam ik niet op.
Maar ga er zeker mee stoeien, lijkt precies belovend wat ik wou. Super weer, Rolf!

willemijn

[pedes]

ik heb voor deze site deze jquery plugin gebruikt.
de achtergrond afbeeldingen haal ik in CMSMS uit een map.
Iedere pagina heeft een map... vrij simpel maar efficiënt.

Ik weet niet of je der wat aan hebt ..

Mvg,
Peter

[mev]

heb je al eens naar {page_image} gekeken?

Code: Select all

{page_image assign='foo'}
{if $foo}
     <img src="/uploads/images/header-images/{$foo}" alt="" />
{else}
     <img src="/uploads/images/header-images/default.jpg" alt="" />
{/if}

Ik kwam hier toch niet erg uit Rolf.
Maar bij een andere site wel deze tag gebruikt:
{content_image block='Kies header-foto' dir='images/header-images'}. Dan wordt er in de Editor een keuzevakje bijgemaakt waar de gebruiker afbeeldingen kan selecteren, uit die dir.

Dit was bij gewone afbeeldingen (geen background-afb), maar dat moet dan bij achtergrondafbeeldingen toch ook wel kunnen?

willemijn

[Rolf]

Dit was bij gewone afbeeldingen (geen background-afb), maar dat moet dan bij achtergrondafbeeldingen toch ook wel kunnen?

Klopt maar dan zul je zoiets als dit moeten doen:

Code: Select all

{page_image assign='foo'}
{if $foo}

{literal}
<style type="text/css">
div#header { background: url(/uploads/images/header-images/{/literal}{$foo}{literal}); }
</style>
{/literal}

{else}

{literal}
<style type="text/css">
div#header { background: url(/uploads/images/header-images/default.jpg); }
</style>
{/literal}

{/if}

Dit is dus in het html sjabloon en niet in de stylesheet!!

[mcDavid]

of nog korter:

Code: Select all

<div class="header" style="background-image:{content_image block='...'}">

waarbij je in je stylesheet eventueel een "standaard" achtergrond-afbeelding defineert, deze zal dan automatisch vervangen worden aangezien element-style altijd zwaarder weegt dan CSS-stijlregels.

[(M)]

@pedes

ik heb voor deze site deze jquery plugin gebruikt.
de achtergrond afbeeldingen haal ik in CMSMS uit een map.
Iedere pagina heeft een map... vrij simpel maar efficiënt.

Hoe link je een specifieke map met afbeeldingen naar een specifieke pagina?

Ik gebruik nu de UDT van jou onderaan dit draadje. Maar voor elke pagina een specifieke UDT in de javascript van supersized. En dus weer een specifieke javascript voor de pagina.

Dus zou efficiënter moet kunnen omdat ik op steeds meer pagina's een andere set met (achtergrond) afbeeldingen wil tonen.

[Rolf]

Heb enkele methodes uitgewerkt en op mijn blog gezet:
https://www.cmscanbesimple.org/blog/ass ... e-per-page

Grt. Rolf