Вход для клиентов и партнеров
в начало сайта
Партнерская программаОнлайн демоСкачатьКарта сайта
 

Регламент
Документация
Часто задаваемые вопросы (FAQ)
Решения типовых вопросов
Форум поддержки
Библиотека разработчика

Посмотрите демо-ролики и убедитесь в том, что "Twilight CMS" очень удобна в управлении, понятна и проста.

Бесплатно скачайте "Twilight.Basic", установите на своем компьютере и изучите систему более детально.

Если вам нужно установить "Twilight CMS" на существующий сайт или разработать новый - обращайтесь в отдел интеграции.

 

Ваше имя
Ваш Email
Вопрос
Twilight.basic
  • Узнайте больше
  • Сравните версии
  • Twilight.selection
  • Узнайте больше
  • Сравните версии
  • Twilight.evolution
  • Узнайте больше
  • Сравните версии
  •  
    Главная // Библиотека разработчика // Справочники // Книга рецептов (Cookbook) // Стандартные решения типовых задач //

    Открыть изображение в новом окне


    Задача
    По клику на ссылке с маленького изображения открывать увеличенное изображение в новом окне. Окно должно быть автоматически масштабировано размером с картинку.

    Решение
    В Templates/common.js добавляем javascript-функции следующего вида:

    //Image popup
    var win;
    function ImagePopUp(url){ 
        if (url){
            url = "$ServerPath$" + url; 
            if (win) win.close(); 
            win = window.open('about:blank', '', 'width=300,height=300,status=0,toolbar=0,location=0,scrollbars=0,menubar=0,resizable=0');
            var d = win.document;
            d.write('<HTML><HEAD><META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251"></HEAD>');
            d.write('<BODY><IMG style="DISPLAY: none" src="'+url+'" onload=window.opener.resize()>');
            d.write('<TABLE id=maintable style="DISPLAY: block" height=300 width=300>');
            d.write('<TR><TD style="FONT: 10pt Tahoma" vAlign=center align=middle>Подождите, идет загрузка изображения...</TD></TR>');
            d.write('</TABLE></BODY></HTML>'); 
        }
    }

    function resize(){ 
        win.document.images[0].style.display = 'block'; 
        win.document.getElementById('maintable').style.display = 'none'; 
        var w = win.document.images[0].width+9; 
        var h = win.document.images[0].height+29; 
        win.resizeTo(w, h); 
        win.focus();
    }

    В ссылке с маленькой картинки мы указываем вызов функции javascript:ImagePopUp('путь к картинке').

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

    « к списку

    версия для печати

     
    © 2003-19 Страта Технологии (создание сайтов, разработка cms), Twilight CMS in english.
    Наш адрес: Москва, пр. Маршала Жукова д.51
    Тел.: (495) 222-6436, E-mail: , карта сайта, условия использования информации о CMS
    Звоните через Skype:  

    Реклама: