Zum Inhalt springen

Zwei Attribute von einem Bild ändern

Erstellt am 7. März 2006 · 5 Antworten · letzte Antwort am 10. März 2006

Tags: Frage

fwebdev ·

Hallo,

wenn ich mit TemplaVoila von einem Bild den src, als auch den alt-Text pflegbarmachen will schlägt das fehl.

Ich mappe das img-Tag 2mal. Einmal geb ich ihm ein mapping auf src und einmal auf alt. Ich kann jetzt auch beide Werte eingeben, der Quelltext schaut nachher aber zerstört aus.

<img src="<img src="uploads/tx_templavoila/pic1_02.jpg" width="150" height="113" border="0" alt="" title="" />" alt="Mein altText hier" width="150" />

Wie kann ich TV abgewöhnen, das er beim Auswählen des Bildes ein komplettes imageTag erzeugt und in das src-Attribut schreibt?
Oder wie kann ich das Problem ansonsten lösen?

Schönen Dank
Florian

anj ·

Hi!

du kannst das Bild auch aus mehreren nicht-gemappten Feldern generieren, und am richtigen "Platz" anzeigen lassen.

Aber es sollte auch so gehen meiner meinung nach ...

was generiert er denn ? - OUTPUTquelltext
was hast du im DataStructure stehen?

fwebdev ·

Hallo anj,

Ich habe folgende 2 AT gesetzt:
alt-Text auf ATTR:alt und das Bild angeklickt
src-Text auf ATTR:src und wieder das Bild angeklickt

Das XML dazu sieht so aus:

			<field_bild1alt type="array">
                <type>attr</type>
                <tx_templavoila type="array">
                    <title>Alttext Bild</title>
                    <sample_data type="array">
                        <numindex index="0"></numindex>
                    </sample_data>
                    <etype>input</etype>
                    <proc type="array">
                        <hsc type="integer">1</hsc>
                    </proc>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>input</type>
                        <size>48</size>
                        <eval>trim</eval>
                    </config>
                    <label>Alttext Bild</label>
                </tceforms>
            </field_bild1alt>
			
			<field_bild1src type="array">
                <type>attr</type>
                <tx_templavoila type="array">
                    <title>src des Bildes</title>
                    <sample_data type="array">
                        <numindex index="0"></numindex>
                    </sample_data>
                    <etype>image</etype>
                    <typoscript>
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 200
							
	10.stdWrap.typolink.parameter.field = field_link1
									</typoscript>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>src des Bildes</label>
                </tceforms>
            </field_bild1src>

(Ich benutze typop3 3.8.1 + TV 0.4.0)

fwebdev ·

Ah... das scheint jetzt zu funktionieren. Ich habe im attr:src als Editing Type ein "Image Field" ausgewählt gehabt.
Jetzt habe ich es als "Link Field" deklariert.

Da ist das Problem jetzt aber, das das Bild dann nicht durch image-magic läuft und ich die Bilder per Hand resizen muß.
Kann man das nicht irgendwie doch noch hinbekommen?

Danke
Florian

anj ·

wenn du die "click to enlarge" geschichte meinst:

trage das in dein DataStructure ein (<TypoScript>):

<TypoScript><![CDATA[
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = 85

###################################
### BEGIN code to enlarge image ###
###################################
10.imageLinkWrap = 1
10.imageLinkWrap {
  bodyTag = <body style="background-color:#fff;">
  wrap = <a href="javascript:close();"> | </a>
  width = 800m
  height = 600m
  effects=
  JSwindow = 1
  JSwindows {
    newWindow = 0
    expand = 17,20
    }

  enable = 1
  typolink.parameter.field=image_link
  typolink.extTarget = _blank
}
#################################
### END code to enlarge image ###
#################################
               ]]></TypoScript>
fwebdev ·

Hm... nein das meinte ich leider nicht.
Das Problem ist ja, wenn ich die Attribute einzeln angebe, das das Bild dann nicht mehr als solches behandelt wird. Ich kann weder ein Bild hochladen (da ich ja nur ein link-feld habe) noch irgendwie mit imagemagik daran.

TV kann also tatsächlich kein alt-Text für ein Bild vergeben??

Kennt jemand vielleicht doch noch einen Weg?

Danke
Florian