Image aus CP BilderSpezial als Hintergrundbild

[photojo]

Hallo,

ich bin gerade dabei, für einen Onepager einen Parallax zu realisieren.
Mein Idee ist, das {IMAGE} im Standardtemplate für Bilder spezial als Backgroundimage alà
style="background-image: url({IMAGE})"
zu verwenden. Leider gekomme ich im Quellcode nur url().

Hat jemand eine Idee?

Gruß
Jo

[update]

Das mit dem parallaxEffekt würde mich auch interessieren - in Verbindung mit einem CP.

[Oliver Georgi]

logisch, dass {IMAGE} nicht geht, da es den gesamten <img> Tag enthält. Die nutzbaren Ersetzer stehen doch alle in der Standardvorlage:

Code: Select all

<div class="makebg" style="background-image:url({THUMB_REL});"></div>

[photojo]

so gehts nicht

...
<!--IMAGES_HEADER_START//-->
[TITLE]<h3>{TITLE}</h3> [/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]

<div id="carousel-{ID}" class="carousel slide parallax-twitter parallaxBg" data-ride="carousel" style="background-image:url({THUMB_REL});">
<div class="carousel-inner" role="listbox">
<!--IMAGES_HEADER_END//-->

<!--IMAGES_ENTRY_START//-->
<div class="item[FIRST] active[/FIRST]">
<img src="{THUMB_REL}" alt="{IMGNAME}" id="img{IMGID}"/>
<div class="carousel-caption">
[CAPTION]<h3 class="hidden-xs">{CAPTION}</h3>[/CAPTION]
[INFOTEXT]{INFOTEXT}[/INFOTEXT]
<a class="btn btn-primary" href="{URL}" ... ore…@@</a>
</div>
</div> ...

[Oliver Georgi]

bitte mitdenken, natürlich geht es so nicht — braucht schon den entsprechenden Abschnitt

Code: Select all

<!--IMAGES_ENTRY_START//-->
<div class="makebg" style="background-image:url({THUMB_REL});"></div>
…

[photojo]

Ok, ich probiere das mal so.

[photojo]

Also, so gehts nicht.
Ist-Zustand: CP Bilder Spezial mit drei Bildern, wo bei ich dreimal das gleiche Bild habe, weil vor dem Bild die Bildunterzeile ausgeben möchte. Das Ergebnis sollte wie hier http://wrapbootstrap.com/preview/WB0DN19X0 am Seitenende aussehen.
Da ich ja im Bereich <!--IMAGES_ENTRY_START//--> arbeite, bekomme ich jetzt drei Bilder untereinander, klar, oder?

Welchen CP würdet denn ihr verwenden? Hardcoden will ich ja eben nicht!

[photojo]

ich bräuchte halt ein Bild, welches ich im CP angebe, im Bereich

<!--IMAGES_HEADER_START//-->
...hier...
<!--IMAGES_HEADER_END//-->

Und gut is.

[update]

Meinst Du nicht eher die MITTE der Seite, wo über dem parallaxen Bild die Schrift "Clean & Powerful Bootstrap Theme" steht???

[Oliver Georgi]

der Ansatz ist falsch gedacht, und ich habe nicht begriffen, wo Du hin willst. Es ist alles im CP enthalten, was man benötigt. Hardcoden nicht erforderlich.

[photojo]

Da will ich bzw. die Seite hin (siehe auch Link oben)

Ein Bild für den Hintergrund. Davor sollen dann x Texte (mit diesen Punkten darunter, k. A. wie die heißen?) von li nach re sliden.
Und das Ganze soll als Parallax ausgebildet sein.

[update]

Also sowas: http://htmlcoder.me/preview/idea/v.1.2. ... dex-4.html fast ganz unten?

Vielleicht könnte man da mit CustomBlocks arbeiten? OK, geht nicht bei einem Onepager, der mit articlelisting arbeitet...

[photojo]

Ja Claus, genau so was! Wir verstehen uns halt wie immer blind.

[photojo]

Das Sliden ist kein Problem, aber das Hintergrundbild, da es mit {THUMB_REL} nur <!--IMAGES_ENTRY_START//--> eingebunden werden kann, ich brauche es aber in <!--IMAGES_HEADER_START//-->
Im Moment tappe ich da noch im Dunkeln, wie ich das umsetze. Ist sicher ganz trivial, wast eh.

[Oliver Georgi]

brauchst Du nicht, das ist schlicht falsch gedacht. Und ansonsten nimm DATA dafür.

Scheibt nicht soviel ab, die meisten dieser angebotenen fertigen Template sind wirklich nur auf sich selbst optimiert und taugen nicht zum 1:1 Nachbau.