» »

[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.

  • 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.
Razrez spletnih predlog(PSD v HTML) --> http://codepsd.si

Zgodovina sprememb…

  • spremenil: CodePsd ()

Veron ::

konkretno tole kar kažeš na slikci je fancybox 1.x

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
});

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());

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

hidetr ::

position: fixed se izogibam (mobilne naprave).

MrBrdo ::

?
MrBrdo

hidetr ::

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 ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297328576 (52725) htmltroubles
»

Kako narediti to stran "resposive"?

Oddelek: Izdelava spletišč
5895 (786) zzbil
»

Glavni menu vedno na vrhu strani (frozen)

Oddelek: Izdelava spletišč
212167 (1308) Dr.S
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč
8710405 (9143) lisjak
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62239 (2186) amaze646

Več podobnih tem