quashey fyrir 21 árum, 5 mánuðum Fjöldi lestra: 245

Fade

Ég hef oft séð þetta en engann áhuga haft á að nota þetta fyrr en núna og ég einfaldlega nenni ekki að leyta að þessu þannig að ég ákvað að spyrja hér.
Svona fade takkar, hann er kannski opacity-aður niður í 25% og síðan fade-ar hann upp í 100% Einhver með þetta? :)
 kv. <a href=“mailto:gummi@fask.org”>quashey</a

kv. <a href=“mailto:gummi@fask.org”>quashey</a>

ask fyrir 21 árum, 5 mánuðum

Ég er ekki alveg viss hvað þú átt við, þar sem ég hef aldrei séð þetta….en það er hægt að breyta opacity á myndum með CSS.

CSS Filterar, sem virka einungis á IE ef ég man rétt, bjóða allskyns “useless” fídusa. Fade out, invert, opacity, x-ray.

Þú getur kannski unnið með það.
http://www.w3schools.com/dhtml/dhtml_css.asp
http://www.fred.net/dhark/css_filter_examples.html

Opacity er stillt svona:
<img src=“images/sunface.gif” style=“Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)”>

Þú gætir þá sett inn textabox þar sem notandinn getur skrifað inn opacity prosentuna og þú setur það gildi sem breytu inn í style attribute-ið….hugmynd.

kv.
Bergur ask | <a href="http://bergur.is“ target=”_blank“ style=”text-decoration:none;">bergur.is</a

Fyrra álit

quashey fyrir 21 árum, 5 mánuðum

Hmm já það er…useless hehe.. ég er ekki beint að leyta eftir neinu svoleiðis useless sko. En hérna þetta er oft á svona designer síðum eins og b-man.dk var með þetta einu sinni.. kv. <a href=“mailto:gummi@fask.org”>quashey</a

kv. <a href=“mailto:gummi@fask.org”>quashey</a>

Fyrra álit

ask fyrir 21 árum, 5 mánuðum

ég er ekki alveg að fatta þig :)

Fade takki sem er í 25% og fer síðan upp í 100%

Villtu leyfa notendum að stilla opacity á mynd?
Eða takki sem þú býrð til í photoshop hafi opacity 25%
Eða er ég alveg úti að aka??

geturu reynt að útskýra þetta betur :) ask | <a href="http://bergur.is“ target=”_blank“ style=”text-decoration:none;">bergur.is</a

Fyrra álit

quashey fyrir 21 árum, 5 mánuðum

Já þú meinar, ég kannski gleymdi að meina að þetta á að vera í rollOver hehe.. þess vegna ert þú alveg úti að aka hehe.. kv. <a href=“mailto:gummi@fask.org”>quashey</a

kv. <a href=“mailto:gummi@fask.org”>quashey</a>

Fyrra álit

Amplifier fyrir 21 árum, 5 mánuðum

ertu að meina svona rollover eins og er t.d á www.noatun.is ? í menuinu ?

Fyrra álit

quashey fyrir 21 árum, 5 mánuðum

Ekki beint en þetta fer að nálgast :) held samt að þetta sé bara animated gif. En þetta er samt svona mynd, skiljiði sem er bara 25% opacity og svo þegar það er rollover þá bara fade-ar það svona bara upp í 100% hehe ég finn þetta bara einhverstaðar. Hélt að þetta yrði fljótlegra, misskilningur :) kv. <a href=“mailto:gummi@fask.org”>quashey</a

kv. <a href=“mailto:gummi@fask.org”>quashey</a>

Fyrra álit

ask fyrir 21 árum, 5 mánuðum

ah!!!

afhverju sagðiru það ekki strax mar ;)

Ég hélt að þú meintir að notendur gætu stillt opacity á einhverri mynd.

Þú ert semsagt að meina að það sé mynd eða takki sem er 25% og þegar notandinn fer yfir hana verður hún 100%

ah sí sí.

Þú notar samt CSS filterana…þannig að þeir eru ekki useless ;)

Svona geriru þetta:

Inn í css fælnum þínum hefuru tvo klassa:
- Einn klassinn hefur filter alpha (sjá fyrri póst) á 25% í þessu tilfelli heitir hann: Alpha
- Hinn klassinn hefur filter alpha (sjá fyrri póst) á 100% í þessu tilfelli heitir hann NoAlpha

Síðan hefuru javascript function sem tekur inn nafn á klassanum og setur það á hlutinn. Semsagt skiptir um klassa á myndinni.

function changeOpacity(ClassName)
{
Event.srcElement.className = ClassName;
}

Þannig að í image-taginu hefuru:

onmouseover=“changeOpacity('NoAlpha');” onmouseout=“changeOpacity('Alpha');”

Og að sjálfsögðu class=“Alpha”

þannig að hún er alltaf Alpha nema á MouseOver

Vonandi gagnast þetta.
 ask | <a href="http://bergur.is“ target=”_blank“ style=”text-decoration:none;">bergur.is</a

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

Fade

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi