Russian TYPO3 community

Russian TYPO3 community (http://forum.typo3.ru/index.php)
-   Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)
-   -   <a> тут мой див <img> </a> (http://forum.typo3.ru/showthread.php?t=9441)

Faredo 28.04.2011 23:04

<a> тут мой див <img> </a>
 
Всем привет..
Может кто подскажет. При вставке стандартной картинки генерируется код:
<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

Цитата:

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

Для таких целей обычно используется 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/Typos...ink/Index.html
ATagBeforeWrap

dust 15.12.2014 12:01

Цитата:

Сообщение от -=UncleByte=- (Сообщение 39043)

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

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

Цитата:

Сообщение от -=UncleByte=- (Сообщение 39047)
Так а что надо сделать-то? Меню с картинками, ссылку на какую-то страницу с картинки или просто лайтбокс для картинки?

Lightbox in Image Content Element

-=UncleByte=- 15.12.2014 19:19

Так вот же примеры все есть: http://docs.typo3.org/typo3cms/Typos...htbox-fancybox

dust 15.12.2014 19:49

Цитата:

Сообщение от -=UncleByte=- (Сообщение 39051)
Так вот же примеры все есть: http://docs.typo3.org/typo3cms/Typos...htbox-fancybox

Нет, эти примеры не подходят. Смысл всего этого, вот такой hover эффект:
http://livedemo00.template-help.com/...0/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

Цитата:

Сообщение от -=UncleByte=- (Сообщение 39053)
Ну так, собственно, в чем проблема-то?
Сначала указать обертку для картинки, и потом ссылку для нее же
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> тэг перед <а> тэгом. Вот незадача то!?

Код HTML:

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
}

Код HTML:

<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

Цитата:

Сообщение от -=UncleByte=- (Сообщение 39055)
Код:

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!!!!


Часовой пояс GMT +4, время: 09:31.

Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Перевод: zCarot