CP Bild mit Text: Bild statt src als BG

[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?

[update]

Naja, es geht auch ohne, hatte einen Fehler im Denkapparat --> Pause...

[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?

[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//-->

[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!

[nameless1]

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"

[update]

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.

[Oliver Georgi]

Bild-Link von Hand bauen

[update]

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

[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

[update]

nenee - da ist was oberfaul.... erst mal Kaffe trinken und die Füße schön machen

[update]

Ich hab's noch nicht lösen können...

[juergen]

Kannst du mal schreiben was du erreichen willst ?

[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

[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