tt_news SINGLE-Ansicht Bild wrappen
2 Punkte
von wmcig Newbie vor 5 Monaten
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 5 Monaten
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 Newbie vor 4 Monaten
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&file=uploads%2Fpics%2Fimage1.jpg&md5=e45ed22be282897ad60d9b69bec5d740f60cc4f2&parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjM6IjYw&parameters%5B1%5D=MCI7czo3OiJib2R5VGFnIjtzOjQyOiI8Ym9keSBiZ0NvbG9yPSIjZmZmZmZmIiBz&parameters%5B2%5D=dHlsZT0ibWFyZ2luOjA7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D" onclick="openPic('index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2Fimage1.jpg&md5=e45ed22be282897ad60d9b69bec5d740f60cc4f2&parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjM6IjYw&parameters%5B1%5D=MCI7czo3OiJib2R5VGFnIjtzOjQyOiI8Ym9keSBiZ0NvbG9yPSIjZmZmZmZmIiBz&parameters%5B2%5D=dHlsZT0ibWFyZ2luOjA7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&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.
