Перейти к содержанию
Официальный форум поддержки Simpla

Увеличение картинки в блоге и полном описании товара по клику


Рекомендуемые сообщения

К примеру все изображения по ширине в блоге и полном описании товара равны 600px, что бы не нарушать ширину шаблона, для этого их всех при загрузке приходится уменьшать к данной ширине.

Вопрос:
Как сделать так что бы их можно было загружать на сервер в оригинальном размере, на сайте они отображались автоматически 600 шириной и по клику увеличивались до первоначального размера?

пример с другого движка:
http://s017.radikal.ru/i407/1302/f9/8848a27c5fe7.jpg
http://s001.radikal.ru/i193/1302/24/ff052ae44ed8.jpg

Ссылка на сообщение
Поделиться на другие сайты

Первое что пришло в голову. Никакой автоматизации, но этот способ не требует изменений в скрипте.

1. Добавьте этот код в самый конец файла post.tpl

{literal}
<script>
$(function() {
$("a.zoom").fancybox({ 'hideOnContentClick' : true });
});
</script>
{/literal}



2. Для вставки изображения в пост блога используйте такую конструкцию (предварительно нажав "редактировать HTML код"):

<a href="/files/uploads/image.jpg" class="zoom" data-rel="group"><img src="/files/uploads/image.jpg" width="100" height="75" /></a>

Где "width" и "height" размеры сторон для превью изображения.

Вообще, изображение может быть одно, отдельно превью для него делать не надо, просто пропорционально изменяйте размер с помощью тех же "width" и "height".

П.С. fancybox должен быть подключен, как в дефолтном шаблоне.
Ссылка на сообщение
Поделиться на другие сайты

При не малом кол-ве фотографий это довольно таки не удобно.
Нету не какого плагина что бы просто работал с кодом

<img>
? Мне нужно простое увеличение, желательно во всплывающем окошке, без всяких наворотов, что надо, сам исправлю.
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...