Image aus CP BilderSpezial als Hintergrundbild

[photojo]

Nun gut, aber richtig weiter hat mich dann dieser ganze Thread nicht gebracht.
Wie bekomme ich EIN Bild als Hintergrund und x bliebige Beiträge als Paralax realisiert.
Könnte ich nicht noch einen Tipp haben?

Vielen Dank im Voraus!

[update]

x bliebige Beiträge

Du meinst damit, dass die im Parallax-Bereich sliden sollen?

[photojo]

Ja

[Oliver Georgi]

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		= 100
;height		= 100
;width_zoom	= 600
;height_zoom	= 600
col			= 999
;space		= 10
;zoom		= 1
;lightbox	= 1
;nocaption	= 0
; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
;center		= 2
;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="outer"<!--IMAGES_HEADER_END//-->

<!--IMAGES_ENTRY_START//-->[FIRST] style="background-image:url({THUMB_REL})">[/FIRST]<!--ENTRY_DATA_START//-->
		<figure>
			[ZOOM]<img src="{IMAGE_REL}" alt="[ALT]{ALT}[/ALT][ALT_ELSE]{IMAGE_NAME}[/ALT_ELSE]" height="{IMAGE_HEIGHT}px" width="{IMAGE_WIDTH}px">[/ZOOM]
			<figcaption>
			[CAPTION]<p>{CAPTION}</p>[/CAPTION][CAPTION_ELSE]<p>{IMGNAME}</p>[/CAPTION_ELSE][INFOTEXT]
				{INFOTEXT}[/INFOTEXT]
			[URL]<a href="{URL}"[URL_TARGET] target="{URL_TARGET}"[/URL_TARGET]>more &raquo;</a>[/URL]
			<figcaption>
		</figure><!--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//-->
	[DATA]<div class="images">{DATA}
	</div>[/DATA]
</div>
<!--IMAGES_FOOTER_END//-->

[photojo]

Super vielen Dank, das bringt mich weiter. Stark!

[photojo]

Hi

warum geht [FIRST]dieser Text soll nur beim ersten Eintrag stehen[/FIRST] nicht? Der Text zwischen den Tags kommt bei jedem Eintrag im CP.

Danke!

[photojo]

So, ich habe den Code von Oliver im vorletzten Posting eingebaut:

Code: Select all

<!--IMAGE_SETTINGS_START//-->
<!--IMAGE_SETTINGS_END//--> 
<!--IMAGES_HEADER_START//--> [TITLE]<h3>{TITLE}</h3>[/TITLE] [SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE] [TEXT]{TEXT}[/TEXT]                
<div class="parallax-counter-v3 parallaxBg"     
<!--IMAGES_HEADER_END//-->
  <!--IMAGES_ENTRY_START//-->[b][FIRST]style="background-image:url({THUMB_REL})">[/FIRST][/b]<!--ENTRY_DATA_START//-->	            
  <div class="col-md-4 col-xs-6 md-margin-bottom-50">                    
    <div class="features">                        
      <span class="counter">{CAPTION}
      </span>                        
      <span class="features-info">{ALT}
      </span>                    
    </div>                
  </div>                                                    	 	
  <!--ENTRY_DATA_END//--> 	 
  <!--IMAGES_ENTRY_END//--> 
  <!--IMAGES_ENTRY_SPACER_START//--> 	
  <!-- space between images {SPACE}px --> 
  <!--IMAGES_ENTRY_SPACER_END//--> 
  <!--IMAGES_ROW_SPACER_START//--> 	
  <!-- space between image rows {SPACE}px --> 
  <!--IMAGES_ROW_SPACER_END//--> 
  <!--IMAGES_FOOTER_START//--> 	[DATA] 		
  <ol class="indicators">			{DATA} 		
  </ol>	[/DATA]                   
     
</div>  
<!--IMAGES_FOOTER_END//--> 		

Das Hintergrundbild wird zwar geladen, aber im FE steht immer style="background-image:url(content/images/8e5414362473d026a4729e7369ab611e.png)">
Übrigens, egal ob das [FIRST] [/FIRST] dabei ist oder nicht!

Nochmal zur Erklärung: Ich möchte nur das ERSTE Bild aus dem CP Bilder spezial als Hintergrund haben. Die anderen Bilder interessieren mich nicht! (Ich brauche sie nur, damit ich Überhaupt einen neuen Eintrag in dem CP erzeugen zu können.)

[photojo]

So, nach langem Tüfteln habe ich es so realisiert:

Code: Select all

<!--IMAGES_ENTRY_START//--> [INFOTEXT] style="background: transparent url({THUMB_REL}) no-repeat center center fixed"> [/INFOTEXT]
  <!--ENTRY_DATA_START//-->

Scheibt man nun in "Infotext" zum ersten Bild irgendwas rein, dann wird das entsprechende Bild in den Hintergrund des divs geladen. Mit FIRST wäre zwar eleganter, aber mei, geht halt nicht! Der FIRST-Schalter geht also offensichtlich an dieser Stelle nicht.

[Oliver Georgi]

Du bist sicher, dass col > 1 ist?

[photojo]

Ok, das wars offensichtlich. Da ich immer eigene Templates verwende, setze ich das NIE hoch, weil das bei eigenen Templates ja im Prinzip keine Rolle spielt oder sehe ich das falsch?

[Oliver Georgi]

der Wert ist nicht umsonst da, das [FIRST] bezieht sich auf das erste Bild einer jeden Zeile [ROW], genau wie [LAST] — nur dann das letze Bild der Zeile.