Zum Inhalt springen

Link mit Bild als src - wie mach ich das?

Erstellt am 12. September 2014 · 5 Antworten · letzte Antwort am 13. September 2014

Tags: Bilder, Frage

mimii ·

Hallo ins Forum,

wie krieg ich per TS diesen HTML Code raus?

<div id="links">
    <a href="images/banana.jpg" title="Banana" data-gallery>
        <img src="images/thumbnails/banana.jpg" alt="Banana">
    </a>
    <a href="images/apple.jpg" title="Apple" data-gallery>
        <img src="images/thumbnails/apple.jpg" alt="Apple">
    </a>
    <a href="images/orange.jpg" title="Orange" data-gallery>
        <img src="images/thumbnails/orange.jpg" alt="Orange">
    </a>
</div>

Ich will die Bilder eines Contentelements auslesen und in einem eigenen TEMPLATE ausgeben. Da ich mit 6.2 arbeite, muss das wohl über FIELES und IMAGES gehen.

Danke für n Tipp und Gruß
mimii

Chrissli ·

Hallo Mimii,

ich hoffe das hilft dir weiter....
Wenn du beispielsweise die Datensätze eines CONTENT-Object rendern willst funktioniert das so.
Das Object ist vom Typ FILES und hat selbst noch ein eigenes renderObj.
Die data-Felder sind ähnlich der Datenbank, aber leider nicht ganz identisch. Ich kenne bisher diese hier:
data = file:current:uid_local
data = file:current: originalUid
data = file:current:title // file:current:name
data = file:current:extension
Das IMAGE-Object funktioniert eigentlich wie bisher, nur eben mit diesen data-Feldern zum Verlinken bzw. Zugriff auf title usw.

renderObj = COA
renderObj {
    10 = FILES
    10 {  
      references {
        table = tt_content
        uid.field = uid
        fieldName = image
      }
      renderObj = COA_INT
      renderObj {   
        ## da hier
        
      }
    }
}
mimii ·

Soweit hab ichs mal

 marks {
    BILDER = FILES
    BILDER {
      references {
        table = tt_content
        uid.field = uid
        fieldName = image
      }
      renderObj = COA
      renderObj {
        10 = IMAGE
        10 {
          altText.data = file:current:alternative
          titleText.data = file:current:title
          file {
            treatIdAsReference = 1
            width = 200
            import.data=file:current:publicUrl
          }
          imageLinkWrap = 1
          imageLinkWrap {
            enable = 1
            directImageLink = 1
            linkParams.ATagParams = data-gallery
          }  
        }
      }
    }
	}

Problem ist noch linkParams.ATagParams = data-gallery. Im HTML steht dann

<a data-gallery="" href="fileadmin/user_upload/img/bild1.gif">

Es soll aber nur data-gallery stehen ohne Wertzuweisung.

Wie geht das?

Gruß und Danke für Eure Hilfe
mimii

Chrissli ·

Hm, gute frage, meine sind immer voll.
Geht dass nicht mit leerer Wertzuweisung? oder zieht da deine Lightbox (vermutlich) nicht ?