<a> тут мой див <img> </a> [Архив]

Faredo

28.04.2011, 23:04

Всем привет..
Может кто подскажет. При вставке стандартной картинки генерируется код:
<a><img></a>
Как обвернуть <img>? а именно:
<a><div></div><div><img><div></a>

нашел:
image.20.1.stdWrap.wrap = <div class="labels"></div> <div> | </div>
но обворачивает вместе с тегом <a> - не подходит.

нашел2:
tt_content.image.20.1.imageLinkWrap =0
tt_content.image.20.1.imageLinkWrap>
tt_content.image.20.1.stdWrap.innerWrap = <a href=""><div></div><div> | </div></a>
tt_content.image.20.1.stdWrap.innerWrap.insertData =1

но не знаю как формируется ссылка в теге <a href="что здесь писать?">..(

мне просто нужно сделать на img лейблы: new, sale
думал сделать так: в админке прописывать class тега <a> и через css управлять выводом лейбла.

может кто знает менее извращенный вариант, например плагин?)

-=UncleByte=-

29.04.2011, 08:22

Наименее извращенный - GIFBUILDER - читать в TSRef и wiki.typo3.org

Valery Romanchev

29.04.2011, 11:56

может кто знает менее извращенный вариант, например плагин?)
Для таких целей обычно используется TemplaVoila
и делается FCE (flexible content element) c нужным видом

-=UncleByte=-

29.04.2011, 12:16

Оборачивание блочных элементов ссылками в принципе противоречит спецификациям html, соответственно единственно верный путь - добавить лейблы прямо на картинку.

dust

14.12.2014, 01:14

привет! Может кто подскажет решение в моём случае нужно просто обернуть img тэг в <a href="#"><span></span><img src="#" /></a>

-=UncleByte=-

14.12.2014, 14:19

http://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Typolink/Index.html
ATagBeforeWrap

dust

15.12.2014, 12:01

http://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Typolink/Index.html
ATagBeforeWrap

К сожалению не работает :(

tt_content.image.20.1 {
imageLinkWrap = 1
imageLinkWrap {
typolink.ATagBeforeWrap = 1
typolink.wrap = <span></span>|
}
}

-=UncleByte=-

15.12.2014, 17:32

Так а что надо сделать-то? Меню с картинками, ссылку на какую-то страницу с картинки или просто лайтбокс для картинки?

dust

15.12.2014, 19:15

Так а что надо сделать-то? Меню с картинками, ссылку на какую-то страницу с картинки или просто лайтбокс для картинки?
Lightbox in Image Content Element

-=UncleByte=-

15.12.2014, 19:19

Так вот же примеры все есть: http://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Imagelinkwrap/Index.html#example-images-in-lightbox-fancybox

dust

15.12.2014, 19:49

Так вот же примеры все есть: http://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Imagelinkwrap/Index.html#example-images-in-lightbox-fancybox
Нет, эти примеры не подходят. Смысл всего этого, вот такой hover эффект:
http://livedemo00.template-help.com/wt_51830/index-2.html

Нужен вот такой HTML код:

<div class="box_inner">
<div class="thumbnail">
<figure class="image">
<a rel="lightbox[sb174]" class="lightbox" href="fileadmin/user_upload/img7.jpg">
<span></span>
<img width="360" height="270" alt="" src="fileadmin/_processed_/csm_img7_2ea98ee74a.jpg">
</a>
</figure>
<figcaption class="caption">Cras tristique aliquet grav</figcaption>
</div>
</div>

-=UncleByte=-

15.12.2014, 20:02

Ну так, собственно, в чем проблема-то?
Сначала указать обертку для картинки, и потом ссылку для нее же
10 = IMAGE
10.wrap = <span></span>|
10.imageLinkWrap = 1
10.imageLinkWrap {
JSwindow = 0
directImageLink = 1
linkParams.ATagParams {
dataWrap = class= "lightbox" rel="fancybox{field:uid}"
}
ATagBeforeWrap = 1
}

dust

15.12.2014, 20:14

Ну так, собственно, в чем проблема-то?
Сначала указать обертку для картинки, и потом ссылку для нее же
10 = IMAGE
10.wrap = <span></span>|
10.imageLinkWrap = 1
10.imageLinkWrap {
JSwindow = 0
directImageLink = 1
linkParams.ATagParams {
dataWrap = class= "lightbox" rel="fancybox{field:uid}"
}
ATagBeforeWrap = 1
}

:) Так я так и делал, но проблема - всё равно система ставит <span> тэг перед <а> тэгом. Вот незадача то!?

tt_content.image.20.1 {
wrap = <span></span>|
imageLinkWrap = 1
imageLinkWrap {
JSwindow = 0
directImageLink = 1
linkParams.ATagParams {
dataWrap = class= "lightbox" rel="fancybox{field:uid}"
}
}
ATagBeforeWrap = 1
}

<figure class="image">
<span></span><a rel="fancybox174" class="lightbox" href="fileadmin/user_upload/img7.jpg">
<img width="360" height="270" alt="" src="fileadmin/_processed_/csm_img7_2ea98ee74a.jpg"></a>
</figure>

-=UncleByte=-

15.12.2014, 21:02

tt_content.image.20.1 {
imageLinkWrap = 1
imageLinkWrap {
JSwindow = 0
directImageLink = 1
linkParams {
wrap = <span></span>|
dataWrap = class= "lightbox" rel="fancybox{field:uid}"
ATagBeforeWrap = 1
}
}
}

dust

15.12.2014, 21:08

tt_content.image.20.1 {
imageLinkWrap = 1
imageLinkWrap {
JSwindow = 0
directImageLink = 1
linkParams {
wrap = <span></span>|
dataWrap = class= "lightbox" rel="fancybox{field:uid}"
ATagBeforeWrap = 1
}
}
}

Bingo :) Danke schön!!!!