nalex 0 Опубликовано: 13 февраля 2012 Рассказать Опубликовано: 13 февраля 2012 Подскажите, если кто сталкивался! Загружаю, по разным причинам, картинки для сайта в отдельные папки НЕ через админку. Не хочу создавать уменьшенные картинки, чтобы они потом увеличивались через [thumb] - также есть причины. Подскажите, если знаете решение, как можно картинку в html, например: <img src="адрес картинки" width="100" height="100" /> при клике на нее, чтобы она увеличивалась в этом же окне в полный размер на фоне страницы и потом кликом уменьшалась снова. На сайте в данный момент картинки в своем естественном виде или уменьшенные по примеру кода выше (в заданных разных размерах). За несколько недель материалов ворох переворошил по всему интернету и кучу вариантов на денвере испробовал, да и на сервере также - ничего не получается. Не хватает знаний по js, да и по движку тоже. Цитата Ссылка на сообщение Поделиться на других сайтах
ru.slanov 20 Опубликовано: 14 февраля 2012 Рассказать Опубликовано: 14 февраля 2012 Подскажите, если кто сталкивался! Загружаю, по разным причинам, картинки для сайта в отдельные папки НЕ через админку. Не хочу создавать уменьшенные картинки, чтобы они потом увеличивались через [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> Цитата Ссылка на сообщение Поделиться на других сайтах
nalex 0 Опубликовано: 14 февраля 2012 Рассказать Опубликовано: 14 февраля 2012 Автор <a href="адрес картинки" onclick="return hs.expand(this)"><img src="адрес картинки" alt="название" title="название" width="100" height="100"></a> Благодарю за отклик. Но это пройденный этап... Картинка открывается в новом окне. А мне хотелось бы поверх странички открывать в этом же окне. Цитата Ссылка на сообщение Поделиться на других сайтах
ru.slanov 20 Опубликовано: 14 февраля 2012 Рассказать Опубликовано: 14 февраля 2012 (изменено) <a href="адрес картинки" onclick="return hs.expand(this)"><img src="адрес картинки" alt="название" title="название" width="100" height="100"></a> Благодарю за отклик. Но это пройденный этап... Картинка открывается в новом окне. А мне хотелось бы поверх странички открывать в этом же окне. Она не может открываться в новом окне, она отрывается в всплывающем окошке, в этой же вкладке. Значит у вас проблема со скриптом, или же старая версия. Изменено 14 февраля 2012 пользователем rSteLlMi Цитата Ссылка на сообщение Поделиться на других сайтах
nalex 0 Опубликовано: 14 февраля 2012 Рассказать Опубликовано: 14 февраля 2012 Автор <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> Сейчас с сайта убрал, больше пытаюсь на локальной копии что-то сделать. Цитата Ссылка на сообщение Поделиться на других сайтах
nalex 0 Опубликовано: 15 февраля 2012 Рассказать Опубликовано: 15 февраля 2012 Автор Вопрос решен! :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 и загрузки на сайт через админку. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.