Forum » Izdelava spletišč » [JavaScript] Kako zatemniti ozadje?
[JavaScript] Kako zatemniti ozadje?
jonystar ::
Pozdravljeni!
Zanima me kako bi v Javascriptu naredil, da se ozadje zatemni, primer je na spodnji sliki, sem probaval z alert boxom ampak problem nastane, ko želim alert box vizualno spremijati.
Zanima me kako bi v Javascriptu naredil, da se ozadje zatemni, primer je na spodnji sliki, sem probaval z alert boxom ampak problem nastane, ko želim alert box vizualno spremijati.
- spremenil: Mavrik ()
CodePsd ::
Mi največ uporabljamo colorbox. Probaj z njim.
Ali pa pač malo spremeni css stile za alertbox oz. bolj verjetno ima za background transparentno sliko.
Ali pa pač malo spremeni css stile za alertbox oz. bolj verjetno ima za background transparentno sliko.
Razrez spletnih predlog(PSD v HTML) --> http://codepsd.si
Zgodovina sprememb…
- spremenil: CodePsd ()
hidetr ::
na event ko klikneš na sliko bindaš še,
da pokaže en div kateri je 100% širok visok postavljen levo 0 zgoraj 0 in ima črno ozadje ter transparentnost nekako 0.5 in ima display none, ki ga ob kliku spremeniš na block.
Če uporabljaš jQuery nekako takole:
$('.imeclassaslike').bind('click',function(){
$('#iddiva').css('display','block');
// koda za prikaz slike
});
da pokaže en div kateri je 100% širok visok postavljen levo 0 zgoraj 0 in ima črno ozadje ter transparentnost nekako 0.5 in ima display none, ki ga ob kliku spremeniš na block.
Če uporabljaš jQuery nekako takole:
$('.imeclassaslike').bind('click',function(){
$('#iddiva').css('display','block');
// koda za prikaz slike
});
MrBrdo ::
prvič slišim da bi lahko v css nečemu nastavil višino na 100%. lahko pa z javascriptom. Drgač pa kokr jaz vem se to ponavadi dela z position fixed elementom ki mu nastavis velikost kolikor je pac veliko okno (se da dobiti prek javascripta ce se ne motim). Position fixed pomaga da stvar ostane pri miru ko scrollas.
MrBrdo
hidetr ::
seveda z javascriptom, preferabli like this:
$('#iddiva').css('height',$(document).height());
EDIT:
ne samo da bo pri miru ob scrolanju ampak bo dejansko raztegnjen do konca strani.
jst bi naredu takole:
#iddiva{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
}
pol pa onload
$('#iddiva').css('height',$(document).height());
$('#iddiva').css('height',$(document).height());
EDIT:
ne samo da bo pri miru ob scrolanju ampak bo dejansko raztegnjen do konca strani.
jst bi naredu takole:
#iddiva{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
}
pol pa onload
$('#iddiva').css('height',$(document).height());
Zgodovina sprememb…
- spremenil: hidetr ()
MrBrdo ::
height 100% nima smisla, ker itak dela samo v zelo omejenih primerih... tudi jaz nebi dal document height ampak window height (jquery: $(window).height();) ker če imaš fixed position nima smisla da maš raztegnjen čez cel page ampak je dosti če je po velikosti okna. width 100% pa je cool ker dela normalno tukaj ni potrebe po JS
MrBrdo
MrBrdo ::
Jaz na mobilnih napravah že apriori ne bi odpiral lightboxa oz. kaj temu podobnega... Sicer pa zelo težko je prilagodit čisto za vse. Če maš velik mobile userjev potem pac naredis fallback al pa prirejeno stran.
MrBrdo
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 345691 (4828) | sunniegoldie |
» | Kako narediti to stran "resposive"?Oddelek: Izdelava spletišč | 1022 (913) | zzbil |
» | Glavni menu vedno na vrhu strani (frozen)Oddelek: Izdelava spletišč | 2335 (1476) | Dr.S |
» | jquery in div-i (strani: 1 2 )Oddelek: Izdelava spletišč | 11247 (9985) | lisjak |
» | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2450 (2397) | amaze646 |