Prekreslovanie obrázkov ..
-
Sorta15
Light Star
- Príspevky: 270
- Registrovaný: 27 okt 2005, 16:49
- Bydlisko: Poprad
- Kontaktovať používateľa:
Prekreslovanie obrázkov ..
Čaute. Preštudoval som si (len) jednu knihu z ktorej mám základy (X)HTML a CSS, tak jednoduchú www dokážem spraviť. Ale chcel by som vedieť, ako vložiť (vytvoriť) do kódu efekty ako na tejto stránke beautyandthebit (.) com tj. či neviete, kde sa to konkrétne popisuje, keďže ja nemám tendenciu byť webdesignérom, tak overené stránky nepoznám, ani neviem ako zistiť názov ako sa to volá ...ide mi o dve veci: 1. Ten efekt prekreslenia obrázku, isto to je niečo s funkciou "hover" - nejaké na nete som našiel, ale nie presne taký.....2. A druhá vec je ta funkcia po kliknutí na obrázok, ten spôsob prehliadania obrázkov + s možným popisom dole + s krížikom na uzatvorenie + FB + neviem, či to sa dá automaticky nastaviť, aby tam vkladalo logo do obrázku atď. proste rovnako, ako to tam je ...vopred ĎAKUJEM za pomoc.
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: Prekreslovanie obrázkov ..
Jednoducha odpoved: Je to JS, takze si musis prestudovat knihu o JS.
Ak sa ti nechce, tak potom: http://highslide.com/editor/
A to "prekreslenie" obrazku je Hover. Ak das mysku na obrazok, zmeni ho za iny (pozri zdrojak, je tam ajsne vidno Obrazok.jpg a ObrazokBw.jpg) s urcitym trvanim daneho efektu.
Ak sa ti nechce, tak potom: http://highslide.com/editor/
A to "prekreslenie" obrazku je Hover. Ak das mysku na obrazok, zmeni ho za iny (pozri zdrojak, je tam ajsne vidno Obrazok.jpg a ObrazokBw.jpg) s urcitym trvanim daneho efektu.
-
Sorta15
Light Star
- Príspevky: 270
- Registrovaný: 27 okt 2005, 16:49
- Bydlisko: Poprad
- Kontaktovať používateľa:
Re: Prekreslovanie obrázkov ..
Takú expresnú reakciu som nečakal, ďakujem noo ...s tým hover som to na 98% vedel, že to je hover...ale ja to tam v zdrojovom kóde neviem nájsťMichaelo napísal:Jednoducha odpoved: Je to JS, takze si musis prestudovat knihu o JS.
Ak sa ti nechce, tak potom: http://highslide.com/editor/
A to "prekreslenie" obrazku je Hover. Ak das mysku na obrazok, zmeni ho za iny (pozri zdrojak, je tam ajsne vidno Obrazok.jpg a ObrazokBw.jpg) s urcitym trvanim daneho efektu.
by som potreboval vidieť príklad ...a ten editor mi vypľuje normálne kód, ktorý vložím do stránky a prípadne zmením potom cesty k umiestneniu obrázkov,či ako? ..a veď to, že ja neviem, kde sa scripty vkladajú..-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: Prekreslovanie obrázkov ..
V tom editore si upravis aky vzhlad a moznosti chces aby to malo.
Potom kliknes na Publish, das YES, v kroku 1 stiahnes zip so subormi, rozbalis ho a priecinok HIGHSLIDE nahras na FTP.
Z kroku 2 skopirujes kod a das ho medzi <HEAD> a </HEAD> a samozrejme upravis linky aby fungovali.
Potom na obrazok kde chces aby si mal aktivny highslide das toto:
Ak kliknes na Publish, mas tam presne napisane co kde spravit.
A ten hover spravis pomerne jednoducho cez tento JS (da sa to aj inak, no tymto vlastne ovplyvnis vsetky obrazky) a HTML 5 (ak prehliadac HTML 5 nepodporuje, zobrazi farebne obrazky):
http://webdesignerwall.com/tutorials/ht ... mage-hover
Potom kliknes na Publish, das YES, v kroku 1 stiahnes zip so subormi, rozbalis ho a priecinok HIGHSLIDE nahras na FTP.
Z kroku 2 skopirujes kod a das ho medzi <HEAD> a </HEAD> a samozrejme upravis linky aby fungovali.
Potom na obrazok kde chces aby si mal aktivny highslide das toto:
Kód: Vybrať všetko
<a href="ODKAZ_NA_OBRAZOK" class="highslide" onclick="return hs.expand(this)"><img ... bla bla bla, snad vies></a>A ten hover spravis pomerne jednoducho cez tento JS (da sa to aj inak, no tymto vlastne ovplyvnis vsetky obrazky) a HTML 5 (ak prehliadac HTML 5 nepodporuje, zobrazi farebne obrazky):
http://webdesignerwall.com/tutorials/ht ... mage-hover