Du hast eine Frage? Stell sie der t3n-Community!

? Beispielfragen

Um selbst eine Frage online zu stellen, melde dich bitte an.

Zur Anmeldung

tt_news SINGLE-Ansicht Bild wrappen

2 Punkte

von wmcig  Rookie  vor ca einem Jahr

Ich habe folgenden HTML COde Auszug für mein Bild in tt_news und möchte den TS Code so darstellen, dass folgender Quelltext für das Bild ausgegeben wird. Wer kann helfen?

Nachträglich bearbeitet am 03.01.13 08:27

Code

<div class="imageBlogdetails">
                            <div class="image frameInner">
                                <a href="images/image1.jpg" data-rel="prettyPhoto" >
                                    <img src="images/image1.jpg" alt="">
                                    <div class="mask zoom"></div>
                                </a>
                            </div>
                            <span class="shadow"><img src="images/big-shadow.png" alt=""></span>
                        </div>

2 Antworten

0 Punkte

von tim.wendisch  Nerd  vor ca einem Jahr

OK, du mußt natürlich sowohl im Template-Teil als auch im TS Teil anpassungen vornehmen. Der Code isst ungeprüft, sollte aber funktionieren.

Der TS-Code wurde hauptächlich aus den Static-Template der Extension PMK_Shadowbox entnommen.

gruß Tim

Code

<div class="imageBlogdetails">
    <div class="image frameInner">
          <!--###LINK_ITEM###-->
              ###NEWS_IMAGE###
             <div class="mask zoom"></div>
          <!--###LINK_ITEM###-->
    </div>
    <span class="shadow"><img src="images/big-shadow.png" alt=""></span>
</div>
plugin.tt_news.displaySingle.image.imageLinkWrap >
plugin.tt_news.displaySingle.image.imageLinkWrap = 1
plugin.tt_news.displaySingle.image.imageLinkWrap {
	enable = 1
	typolink {
		title.field = imagetitletext
		title.split.token.char = 10
		title.split.returnKey.data = register : IMAGE_NUM_CURRENT
		title.htmlSpecialChars = 1
		parameter.cObject = IMG_RESOURCE
		parameter.cObject.file.import.data = TSFE:lastImageInfo|origFile
		ATagParams = data-rel="prettyPhoto"
		ATagParams.override = data-rel="prettyPhoto"
		ATagParams.insertData = 1
	        }
      }
}

0 Punkte

von wmcig  Rookie  vor ca einem Jahr

Der Code meines Bildes sieht nun so aus, wie im ersten Code zu sehen. (Der Originalcode ist unten!)

Die span-Klasse für den Schatten habe ich erst einmal entfernt.

Der a Tag des Bildes bekommt das “data-rel”=“prettyPhoto” nicht übergeben.

Und diese p-Klasse “news-single-imgcaption” soll auch nicht im Quelltext stehen! (Wobei da auch nur die Breite angegeben wird die Höhe ignoriert Typo3 völlig!

Wie muß der Code verändert werden, um das gewünschte Ziel zu haben?

Code

<div class="imageBlogdetails">
                                <div class="image frameInner">
          <a href="index.php?id=2" target="_top" >
              <div class="news-single-img"><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fimage1.jpg&amp;md5=e45ed22be282897ad60d9b69bec5d740f60cc4f2&amp;parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjM6IjYw&amp;parameters%5B1%5D=MCI7czo3OiJib2R5VGFnIjtzOjQyOiI8Ym9keSBiZ0NvbG9yPSIjZmZmZmZmIiBz&amp;parameters%5B2%5D=dHlsZT0ibWFyZ2luOjA7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&amp;parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fimage1.jpg&amp;md5=e45ed22be282897ad60d9b69bec5d740f60cc4f2&amp;parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjM6IjYw&amp;parameters%5B1%5D=MCI7czo3OiJib2R5VGFnIjtzOjQyOiI8Ym9keSBiZ0NvbG9yPSIjZmZmZmZmIiBz&amp;parameters%5B2%5D=dHlsZT0ibWFyZ2luOjA7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&amp;parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D','b1b2c34d58ae0ce971e113cd31daa623','width=600,height=350,status=0,menubar=0'); return false;" target="thePicture"><img src="uploads/pics/image1.jpg" width="600" height="350" alt=""></a><p class="news-single-imgcaption" style="width:600px;"></p></div>
             <div class="mask zoom"></div>
          </a>
    </div>


                                                            </div>
<div class="imageBlogdetails">
                            <div class="image frameInner">
                                <a href="images/image1.jpg" data-rel="prettyPhoto" >
                                    <img src="images/image1.jpg" alt="">
                                    <div class="mask zoom"></div>
                                </a>
                            </div>
                            <span class="shadow"><img src="images/big-shadow.png" alt=""></span>
                        </div>

Antwort schreiben

Um eine Antwort schreiben zu können, sollest du dich zuvor anmelden.

Zur Anmeldung

Kennst Du schon unser t3n Magazin?

t3n-Newsletter t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen