Page 1 of 2
CP Bild mit Text: Bild statt src als BG
Posted: Sun 15. Jun 2014, 17:33
by update
und anverwandte CPs: Geht das denn überhaupt?
Ich möchte gerne das Bild statt als "<img src=" als "background-image: url" einbauen.
Hat jemand einen Geleitschein runter vom Holzweg?
Re: CP Bild mit Text: Bild statt src als BG
Posted: Sun 15. Jun 2014, 17:44
by update
Naja, es geht auch ohne, hatte einen Fehler im Denkapparat --> Pause...
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 09:02
by update
Wenn ich in's Template
Code: Select all
<div class="image img-responsive img-circle">{IMAGE}</div>
schreibe, ist das Bild nicht responsive. Ich brauche das ja im Bild selber
Code: Select all
<div class="image img-responsive img-circle"><img src="img/cmsimage.php/300x300x1/{IMAGE_HASH}.{IMAGE_EXT}" alt="[ALT]{ALT}[/ALT]" class="img-circle img-responsive" /></div>
Dann kann ich aber die Größe nicht verändern oder das cropping. Wie soll/kann das gehen? Hat jemand eine Idee?
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 11:16
by kmstario
Hallöchen Claus,
also m.E. kannst du bei "Text mit Bild" das Bild nicht direkt bearbeiten bzgl. der Ausgabe. Nimm einfach "Bilder div".
Das hast du alle Freiheiten im Template und die Styles lassen sich frei wählen.
Ich mache das schon seit Jahren so, ist viel einfacher und du kannst auch einen Slider an den Text packen, statt nur eines Bildes.
Text mit Bild ist halt ein voregefertigtes CP, fü die Leute, die einfach nur einen Text und ein Bild haben, ohne besondere Darstellungsformen.
Vg Andreas
EDIT: Hier mal ein Beispiel dafür
Bild rechts, Texte links und span6 ist 50%:
Code: Select all
<!--IMAGES_HEADER_START//-->
[TITLE]<div class="span12 imageTxt cf">
<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
<div class="span6">[TEXT]{TEXT}[/TEXT] </div>
<div class="span6 cf">
<ul>
<!--IMAGES_HEADER_END//-->
<!--IMAGES_ENTRY_START//-->
<li>
[ZOOM]<a href="{IMAGE_ABS}" rel="lightbox[]" title="[CAPTION]{CAPTION}[/CAPTION][CAPTION_ELSE]{IMGNAME}[/CAPTION_ELSE]">
<img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" /></a>
[/ZOOM]
[ZOOM_ELSE][LINK]<a href="{IMAGE_URL}"{IMAGE_TARGET}>[/LINK]<img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" />[LINK]</a>[/LINK][/ZOOM_ELSE]
</li>
<!--IMAGES_ENTRY_END//-->
<!--IMAGES_ENTRY_SPACER_START//--><!-- space between images "{SPACE}px" --><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!-- space between image rows --><!--IMAGES_ROW_SPACER_END//-->
<!--IMAGES_FOOTER_START//-->
</div></ul></div>
<!--IMAGES_FOOTER_END//-->
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 12:30
by update
Ja danke, das werde ich jetzt so umsetzen wie von Dir vorgeschlagen.
Ich dachte halt nur (eben wegen dieser Einfachheit und weil man kaum etwas falsch machen kann als unbedarfter User), dass Text mit Bild die Wahl wäre:
Ein Bild,
einen Text, Vorlage wählen, fertig
Dann wäre der Einweisungsaufwand tatsächlich auf 5 Sekunden beschränkt...
Und danke für das Beispiel!
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 12:31
by nameless1
kmstario wrote:
also m.E. kannst du bei "Text mit Bild" das Bild nicht direkt bearbeiten bzgl. der Ausgabe.
doch, geht jetzt zum glück dank einer
"wunscherfüllung"
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 12:35
by update
nameless1 wrote:doch, geht jetzt zum glück dank einer "wunscherfüllung"
Ich habe auch gesehen, dass sich da (Jubel) mächtig was getan hat, aber die Möglichkeit, einem Bild eine class mitgeben zu können, ohne andere features zu "verlieren", hat sich mir (bisher) nicht enttarnt (siehe mein Codebeispiel weiter oben)...
Aber vielleicht denke ich in die falsche Richtung.
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 12:47
by Oliver Georgi
Bild-Link von Hand bauen
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 16. Jun 2014, 12:54
by update
Oliver Georgi wrote:Bild-Link von Hand bauen
Das habe ich ja versucht (und wie oben im Beispiel gepostet, geht das auch), aber dabei verliere ich die Größenbearbeitung (und das cropping), d.h. ich kann das nicht mehr über den CP-Editor bearbeiten, weil's hart codiert ist.
Aber es mag auch sein, dass ich da auf einem falschen Dampfer sitze
Re: CP Bild mit Text: Bild statt src als BG
Posted: Tue 17. Jun 2014, 13:16
by update
Hab das jetzt versucht:
http://www.phpwcms-howto.de/wiki/doku.p ... cp_trigger
das baut mir in die img src eine class="img-responsive" ein... für den CP Text mit Bild
Re: CP Bild mit Text: Bild statt src als BG
Posted: Tue 17. Jun 2014, 13:44
by update
nenee - da ist was oberfaul.... erst mal Kaffe trinken und die Füße schön machen
Re: CP Bild mit Text: Bild statt src als BG
Posted: Mon 30. Jun 2014, 15:51
by update
Ich hab's noch nicht lösen können...
Re: CP Bild mit Text: Bild statt src als BG
Posted: Tue 1. Jul 2014, 08:37
by juergen
Kannst du mal schreiben was du erreichen willst ?
Re: CP Bild mit Text: Bild statt src als BG
Posted: Tue 1. Jul 2014, 09:11
by Oliver Georgi
die Klasse dort hinein zu patchen ist vollkommen unnütz. Pack eine Klasse außen im Template herum und dann ist das genauso per CSS ansprechbar.
Code: Select all
.my-cp-img-text-class img {
width: 100%; /* or whatever */
height: auto;
}
Und nicht vergessen:
@media
Re: CP Bild mit Text: Bild statt src als BG
Posted: Tue 1. Jul 2014, 10:09
by nameless1
mit den richtigen abfang-mechanismen würde ich so vorgehen
Code: Select all
$("#imgbck{IMAGE_ID}").attr("src","img/cmsimage.php/"+$(window).width() + "x1920/{IMAGE_HASH}.{THUMB_EXT}");
muß auf den jeweiligen cp angepasst werden