KiraA

Создание кликабельной картинки

Recommended Posts

KiraA

Я вставила в Основной шаблон следующие строчки:

<p style="text-align:left"><a href="мой путь к странице"><img src="{base_path}/img/мой рисунок.jpg" />

Подпись к картинке</a></p>

Всё бы ничего, но картинка просто огромная. Можно что - то прописать, чтобы она автоматически уменьшилась? Или надо задавать размеры при обработке в редакторе?

Share this post


Link to post
Share on other sites
support
8 часов назад, KiraA сказал:

Я вставила в Основной шаблон следующие строчки:

<p style="text-align:left"><a href="мой путь к странице"><img src="{base_path}/img/мой рисунок.jpg" />

Подпись к картинке</a></p>

Всё бы ничего, но картинка просто огромная. Можно что - то прописать, чтобы она автоматически уменьшилась? Или надо задавать размеры при обработке в редакторе?

Можно атрибуты width и height указать, но это не будет сжатие картинки, а просто будет выведена в указанные размеры.

Примерно так:

<p style="text-align:left"><a href="мой путь к странице"><img src="{base_path}/img/мой рисунок.jpg" width="100" height="100" />

Но это конечно не совсем правильно, лучше готовить картинки в нужный размер перед загрузкой на сайт.

Режутся картинки только если добавлять к товару, т.е. в админке грузить через закладку Картинки.

В других случаях автоматически картиники не режутся.

Share this post


Link to post
Share on other sites
KiraA

Добрый день! Вот, у меня есть картинка - ссылка: 

<p style="text-align:left"><a href="моя ссылка"><img src="{base_path}/img/моя картинка" /></a>

А, если надо разместить несколько картинок в одну горизонтальную линию, код абсолютно меняется?

Share this post


Link to post
Share on other sites
support
1 час назад, KiraA сказал:

Добрый день! Вот, у меня есть картинка - ссылка: 

<p style="text-align:left"><a href="моя ссылка"><img src="{base_path}/img/моя картинка" /></a>

А, если надо разместить несколько картинок в одну горизонтальную линию, код абсолютно меняется?

Ничего не меняется, просто по </a> добавляйте следующую картинку.

Share this post


Link to post
Share on other sites
KiraA

Нет, так не получается. Отображается текст и неактивная картинка. Но в линии.

Share this post


Link to post
Share on other sites
support
3 часа назад, KiraA сказал:

Нет, так не получается. Отображается текст и неактивная картинка. Но в линии.

Неправильно значит вставили.

Вы ю хоть код показывали, что и как вставляете.

Share this post


Link to post
Share on other sites
KiraA

Вот, как раз сейчас я разобралась. Да, я не полностью строку вставляла. Только у меня блоки очень близко располагаются друг к другу. 

Share this post


Link to post
Share on other sites
support
10 час назад, KiraA сказал:

Вот, как раз сейчас я разобралась. Да, я не полностью строку вставляла. Только у меня блоки очень близко располагаются друг к другу. 

Так добавьте пробел между картинками.

или тэг &nbsp;

Этот тэг - тоже самое, что и пробел.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.