Page 2 of 2

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Tue 14. Jul 2015, 19:31
by 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!

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Tue 14. Jul 2015, 19:40
by update
photojo wrote:x bliebige Beiträge
Du meinst damit, dass die im Parallax-Bereich sliden sollen?

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Tue 14. Jul 2015, 19:41
by photojo
Ja

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Tue 14. Jul 2015, 19:49
by 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//-->

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Tue 14. Jul 2015, 20:08
by photojo
Super vielen Dank, das bringt mich weiter. Stark!

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Sun 18. Oct 2015, 10:32
by 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!

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Sun 18. Oct 2015, 11:12
by 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.)

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Mon 19. Oct 2015, 17:17
by 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.

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Mon 19. Oct 2015, 19:01
by Oliver Georgi
Du bist sicher, dass col > 1 ist?

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Mon 19. Oct 2015, 19:11
by 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?

Re: Image aus CP BilderSpezial als Hintergrundbild

Posted: Mon 19. Oct 2015, 19:46
by 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.