Перейти к публикации

без [thumb] увеличить картинки на сайте


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

Подскажите, если кто сталкивался!

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

Не хочу создавать уменьшенные картинки, чтобы они потом увеличивались через [thumb] - также есть причины.

Подскажите, если знаете решение, как можно картинку в html, например:

<img src="адрес картинки" width="100" height="100" />

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

На сайте в данный момент картинки в своем естественном виде или уменьшенные по примеру кода выше (в заданных разных размерах).

За несколько недель материалов ворох переворошил по всему интернету и кучу вариантов на денвере испробовал, да и на сервере также - ничего не получается. Не хватает знаний по js, да и по движку тоже.

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

Подскажите, если кто сталкивался!

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

Не хочу создавать уменьшенные картинки, чтобы они потом увеличивались через [thumb] - также есть причины.

Подскажите, если знаете решение, как можно картинку в html, например:

<img src="адрес картинки" width="100" height="100" />

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

На сайте в данный момент картинки в своем естественном виде или уменьшенные по примеру кода выше (в заданных разных размерах).

За несколько недель материалов ворох переворошил по всему интернету и кучу вариантов на денвере испробовал, да и на сервере также - ничего не получается. Не хватает знаний по js, да и по движку тоже.

<a href="адрес картинки" onclick="return hs.expand(this)"><img src="адрес картинки" alt="название" title="название" width="100" height="100"></a>
Ссылка на сообщение
Поделиться на других сайтах

<a href="адрес картинки" onclick="return hs.expand(this)"><img src="адрес картинки" alt="название" title="название" width="100" height="100"></a>

Благодарю за отклик.

Но это пройденный этап...

Картинка открывается в новом окне.

А мне хотелось бы поверх странички открывать в этом же окне.

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

<a href="адрес картинки" onclick="return hs.expand(this)"><img src="адрес картинки" alt="название" title="название" width="100" height="100"></a>

Благодарю за отклик.

Но это пройденный этап...

Картинка открывается в новом окне.

А мне хотелось бы поверх странички открывать в этом же окне.

Она не может открываться в новом окне, она отрывается в всплывающем окошке, в этой же вкладке. Значит у вас проблема со скриптом, или же старая версия.

Изменено пользователем rSteLlMi
Ссылка на сообщение
Поделиться на других сайтах

<a href="адрес картинки" onclick="return hs.expand(this)"><img src="адрес картинки" alt="название" title="название" width="100" height="100"></a>

Благодарю за отклик.

Но это пройденный этап...

Картинка открывается в новом окне.

А мне хотелось бы поверх странички открывать в этом же окне.

Она не может открываться в новом окне, она отрывается в всплывающем окошке, в этой же вкладке. Значит у вас проблема со скриптом, или же старая версия.

Понимаю, что возможно я что-то не так сделал...

У меня последняя версия ДЛЕ 9,5, только оплатил, наверное месяц еще не прошел.

Сам редактировал дефолтный

Она не может открываться в новом окне, она отрывается в всплывающем окошке, в этой же вкладке. Значит у вас проблема со скриптом, или же старая версия.

Открывается в новом окне... и ничего сделать не могу.

Понимаю, что возможно я что-то не так сделал... Но в коде шаблона ничего не менял.

У меня последняя версия ДЛЕ 9,5, только оплатил, наверное месяц еще не прошел.

Сам редактировал дефолтный шаблон. Изменял только местами html и css, прикручивал картинки, что-то менял, но глобальных каких-то изменений не делал. По сути стоит дефолтный шаблон.

В main.tpl установил также в header:

<script type="text/javascript" src="/engine/classes/highslide/js/highslide.js"></script>

Сейчас с сайта убрал, больше пытаюсь на локальной копии что-то сделать.

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

Вопрос решен! :wink:

Сделал так:

Подключил скрипт в <head>:

<script type="text/javascript" src="/engine/classes/highslide/highslide.js"></script>

<script language="javascript" type="text/javascript">

<!--

hs.graphicsDir = '/engine/classes/highslide/graphics/';

hs.outlineType = 'rounded-white';

hs.numberOfImagesToPreload = 0;

hs.showCredits = false;

hs.lang = {

loadingText : 'Загрузка...',

playTitle : 'Просмотр слайдшоу (пробел)',

pauseTitle: 'Пауза',

previousTitle : 'Предыдущее изображение',

nextTitle : 'Следующее изображение',

moveTitle : 'Переместить',

closeTitle : 'Закрыть (Esc)',

fullExpandTitle : 'Развернуть до полного размера',

restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',

focusTitle : 'Сфокусировать',

loadingTitle : 'Нажмите для отмены'

};

//-->

</script>

<script type="text/javascript">

$(document).ready(function() {

$('img#myid').attr('onclick', 'return hs.expand(this)');

});

</script>

Картинку на страницу вставил так:

<a href="адрес картинки" onclick="return hs.expand(this)"> <img src="адрес картинки" alt="название" width="100" height="100"> </a>

И все заработало без предварительного уменьшения картинки, без thumb и загрузки на сайт через админку.

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

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

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

Гость
Ответить в тему...

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

  Разрешено не более 75 эмодзи.

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

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

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

×
×
  • Создать...