imageLinkWrap

Hallo,

ich versuche das img-tag von tt_content bei der lightbox mit einem span-tag zu umgeben.

tt_content.image { 
    20 {
        1.params = class="overlay-zoom"
        1.imageLinkWrap {
            JSwindow = 1
            directImageLink = 1
            imageLinkWrap = 1
            linkParams.ATagParams {
                dataWrap = class="thumbnail fancybox-button zoomer" data-rel="fancybox-button" data-fancybox-group="fancybox{field:uid}"
            }
        }        
    }
}

Damit kann ich die lightbox nach fancybox umschreiben.
Aber ich komme einfach nicht an das img-tag ran, damit ich einen span-tag umsetzen kann.

tt_content.image.20.1.imageLinkWrap.wrap = <span class="overlay-zoom">|<div class="zoom-icon"></div></span>

Das Ziel ist

<a class="thumbnail fancybox-button zoomer" data-rel="fancybox-button" title="Project Title" href="assets/img/main/3.jpg">
    <span class="overlay-zoom">  
        <img alt="" src="assets/img/main/3.jpg" class="img-responsive">
        <div class="zoom-icon"></div>                   
    </span>                                              
</a>

Kann mir hier jemand einen weihnachtlichen Tip geben 😉

Grüße
metan

Hi,

kann mir jemand dabei helfen den img-tag mit einem extra Tag zu umschließen.

Danke und Gruß
metan

Hi,
Ob und wie sich das direkt in TypoScript lösen lässt kann ich leider auch nicht sagen.
Ein möglicher Lösungsansatz wäre den span nach laden der Seite mit Javascript einzufügen.

Probier mal:

tt_content.image {
  20 {
    1.params = class="overlay-zoom"
    1.imageLinkWrap {
      typolink{
        wrap=<span class="overlay-zoom">|<div class="zoom-icon"></div></span>
        ATagBeforeWrap=1
        }     
      }
    }
  }

Hi,

danke dir, leider tut es so nicht.
Werde weiter suchen.

Grüße
metan