Див при переходе по ссылке
 

Всем привет! С наступающими праздниками! Такой вопрос, как сделать чтобы при нажатии на ссылку поверх страницы появлялся полупрозрачный темный фон с дивом (типо галереи)... как тут, при нажатии на фото http://www.barikades.lv/ru/Muzej/Foto/Foto_Zakusala/? только вместо картинки другое содержимое.

написать скрипт обработчик клика.прописать в нём действия какие должны выполниться при клике и всё:yes:

Подцепляешь Jquery и сам скрипт, он примерно такой

$(document).ready(function() {
$(".mybtn").click(function(){
$(".blackbox").fadeIn("1000");
});

});


а к диву вот такие стили

<style>
.blackbox {display:none; width:100%; height:100%; position:fixed; position:fixed; top:0; left:0; z-index:500; background-color: #000; filter:progid:DXImageTransform.Microsoft.Alpha(opa city=55); -moz-opacity: 0.55; -khtml-opacity: 0.55;opacity: 0.55;}
</style>

Если помогло напиши.

Я так тут применял http://onigrok.ru если на вход нажать


А чтобы закрыть дописываешь строки

$(".blackbox").click(function(){
$(this).fadeOut("1000");
});

Закроет по клику на затемненную область

Да, спасибо, воспользовался, только вот в ИЕ както не хочет прозрачность появляться, может стоит просто для див-а блекбокс полупрозрачный пнг кинуть?

Ие по умолчанию и полупрозрачный пнг не поймёт)

IE6 не поймёт.

Я вот так прописывал, но если честно в ИЕ не этот момент не проверял

.blackbox {display:none; width:100%; height:100%; position:fixed; position:fixed; top:0; left:0; z-index:500; background-color: #000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);-moz-opacity: 0.55;-khtml-opacity: 0.55;opacity: 0.55;}