Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   полупрозрачный фон в JavaScript (http://www.flasher.ru/forum/showthread.php?t=106962)

MrAngel 22.01.2008 18:46

полупрозрачный фон в JavaScript
 
Здравствуйте! Меня интересует как в ява скрипт можно сделать картинку(или лучше слой) полупрозрачными. Честно говоря я хочу сделать что-то наподобие http://djbobrov.ru/gallery/ - здесь когда щелкаешь по фотографии, все содержимое страницы затемняется и становится не кликабельным. Если кто знает как делаются подобные эффекты, помогите плиз:rolleyes:

fljot 22.01.2008 19:05

ну так ява-скрипт то открыт для просмотра, изучайте
тут использована библиотека lighbox (на основе prototype framework)
есть ещё аналог на другой основе. но имхо js prototype шире используется.

а суть в css и прозрачном div поверх всего

kotsie 22.01.2008 19:23

чтоб совсем понятно было: в цсс смотрим свойство opacity для тех кто его держит, и filter+alpha для ие5,5+

MrAngel 22.01.2008 19:38

fljot, не легко в нем разобраться, второй день "изучаю".
kotsie, собственно в том то и дело, что filter+alpha - работают только в эксплорере, я поэтому и приводил в пример сайт http://djbobrov.ru/ - т. к. здесь данный эффект работает во всех браузерах...

fljot 22.01.2008 19:48

из лайтбоксового цсс
Код:

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        }


KidsKilla 22.01.2008 20:46

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

MrAngel 22.01.2008 22:02

fljot, спасибо!
KidsKilla, ОГРОМНОЕ спасибо!

etc 22.01.2008 22:49

Посмотреть в сорс страницы лень было?
http://www.huddletogether.com/projects/lightbox2/

MrAngel 27.01.2008 19:47

Подскажите плиз, как мне сделать чтобы с помощью thickbox содержимое открывалось в основном окне, но при этом ссылка, которая его активизирует, была в iframe?

MrAngel 27.01.2008 23:27

Да уж, чувствую дело плохо Вот здесь пример:
http://slil.ru/25406636
-что нужно сделать:
там находятся две ссылки - зеленая и красная;
зеленая находится в основном окне;
красная в iframe;
так вот, нужно чтобы при нажатии на красную ссылку происходило тоже самое, что и на зеленую)
Уважаемые знатоки! Помогите плиз!! Очень нада! :o


Часовой пояс GMT +4, время: 09:09.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.