Всплывающее окно

Тема в разделе "PHP", создана пользователем vanderv, 10 сен 2009.

Статус темы:
Закрыта.
Модераторы: latteo
  1. vanderv

    vanderv

    Регистр.:
    30 май 2009
    Сообщения:
    267
    Симпатии:
    12
    Даже не знаю как это назвать... видел на joomle... когда в админ панеле пытаешься закачать картинку, появляется окно по середине, задний фон затемняется... Как это реализовать?? может есть скрипт, или исходник....
     
  2. BlackPawn

    BlackPawn Постоялец

    Регистр.:
    19 мар 2009
    Сообщения:
    75
    Симпатии:
    27
    http://www.03www.ru/
    Ближе к концу страницы "Фото от клика увеличивается с затемнением фона окна"
     
  3. balcon

    balcon Создатель

    Регистр.:
    13 ноя 2008
    Сообщения:
    39
    Симпатии:
    7
    Посмотри здесь
    http://blog.insicdesigns.com/2009/01/10-promising-jquery-lighbox-plugin/
     
  4. pslava

    pslava

    Регистр.:
    16 май 2007
    Сообщения:
    618
    Симпатии:
    122
    это highslide, его можна скачать на http://highslide.com/, там же на сайте и примеры есть
     
  5. pori

    pori Постоялец

    Регистр.:
    30 авг 2009
    Сообщения:
    114
    Симпатии:
    18
    Недавно делал такую хрень на jQuery. Скрытый div, по событию его показываю. Вот код JS:

    Код:
    $(document).ready(function(){
    		var screenHeight = $(document).height();
    		var screenWidth = $(window).width();
    
    		$('#screen').css({'width':screenWidth,'height':screenHeight});
    
    		$("#screen").animate({opacity: "1"}, 800)
            .animate({opacity: "0.8"}, "slow", function(){
    		
    		var winH = $(window).height();
    		var winW = $(window).width();
    
    		var agree_h = $("#agree").height();
    		var agree_w = $("#agree").width();
    		var agree_t = (winH/2-agree_h/2);
    		var agree_l = (winW/2-agree_w/2);
    
    		$("#agree").css('left', agree_l);
    		$("#agree").css('top', agree_t);
    		
    		$("#agree").fadeIn("slow");
    	});
    });
    И код дива:

    HTML:
    
    <div id="screen"></div>
        <div id="agree">
               Тут размещаешь твои элементы, например, анимашку закачки.
        </div>
    
     
  6. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    дополнение к jquery thickbox это делает, там есть модальное окно, когда фон неактивный

    http://jquery.com/demo/thickbox/
     
  7. darkharvxx

    darkharvxx Создатель

    Регистр.:
    10 сен 2009
    Сообщения:
    12
    Симпатии:
    3
  8. ilshat

    ilshat Писатель

    Регистр.:
    11 авг 2009
    Сообщения:
    2
    Симпатии:
    0
    Так можно все самому сделать. Без всяких фреймворков. Делаешь <div> на все окно с z-index=1000 и фильтром opacity=50 а поверх него накладываешь окошко тоже из <div> с z-index=1001 внутри которого средствами html отрисовываешь нужный контент. Я таким образом реальзовал у себя модальные окошки и сообщения.
     
Статус темы:
Закрыта.