Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?
CSS ja popup
Anonyymi
13
399
Vastaukset
- Anonyymi
On mahdollista.
- Anonyymi
Hienoa. Seuraavaksi tarvisin jotain linkkiä mistä saa lisätietoa tai esimerkkiä...
- Anonyymi
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleft - Anonyymi
Anonyymi kirjoitti:
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleftEihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
- Anonyymi
Anonyymi kirjoitti:
Eihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
No mitä se aloittaja tarkoittaa, kerro tarkasti.
- Anonyymi
Anonyymi kirjoitti:
No mitä se aloittaja tarkoittaa, kerro tarkasti.
No lue se aloitus edes. Sitä vain vastaillaan eikä edes ymmärretä mitä aloittaja kysyy.
Ainakin silleen saa, että laittaa siihen päälle kaksi absoluuttista div:iä ja halutut hoverit niihin. Ja koko höskä pistettävä vielä jonkinnäköiseen containeriin, kun img:in sisälle ei vissiin voi laittaa mitään(?). Tässä esimerkki: https://jsfiddle.net/j61qzsa9/1/
- Anonyymi
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGL - Anonyymi
Anonyymi kirjoitti:
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGLAi niin, sinulla olikin yhdistettynä molemmat, no ei se sitten ole "Aikalailla sama".
- Anonyymi
Täälä sitä ruinataan neuvoja kusipääohjelmointiin. Minä puolestani olen yrittänyt epätoivoisesti etsiä selaimeen lisähärpäkettä CSS:llä tehtyjen vittumaisuuksien estoon.
- Anonyymi
Suotta kinaatte, ei se mihinkään johda. Kiitos kuitenkin kommeneteista, jokaisesta oli jotain hyötyä.
Minkkilaukun esimerkki toimi täydellisesti.
Suoraava idea olisi saada tuo hooverointi vaikuttamaan tuohon alkuperäiseen kuvaan. Vasemmalta hooveroitaessa kuva vaihtuu kesäiseksi ja oikealta talviseksi.
Nyt taisi jo tulla juttu jota ei hooveroimalla voi toteuttaa?Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:
https://jsfiddle.net/ypk9xbcn/2/
Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.- Anonyymi
minkkilaukku kirjoitti:
Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:
https://jsfiddle.net/ypk9xbcn/2/
Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.Näppärä kaveri, vaikka olen sitä minäkin.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
S-kauppa nosti hintoja, K-kauppa laski
Elintarvikkeiden arvonlisävero laski vuodenvaihteessa 13,5 prosenttiin. S-kauppa siirsi alennuksen suoraan katteisiin pi1827732Hiihtäjä Vilma Nissisen kommentit aiheutti paniikkia
ja hernettä vedettiin nenään. Nissinen kertoi torstaina haastattelussa, kun häneltä kysyttiin, että tykkääkö hän hiihtä1415302Vasemmistoliiton Minja Koskela ihailee suunnattomasti Maduroa
Minjan mukaan Suomen hallituksen pitäisi tuomita vasemmistodiktaattorin ja huumelordin tuominen oikeuden eteen. https:/874145Huuto yltyy persujen piirissä Venezuelan johdosta.
Kohta kakofonia yltyy kun persut tajuavat mitä Venezuelassa tapahtui. Von den Leydenki jo kipuilee kuten persut EU:ssa y592812- 2822449
Nyt ottaa persua pattiin: sähköauto joulukuun myydyin
🤣 prööt prööt pakoputkellaan pörisevää persua ottaa nyt saamaristi pattiin, kun paristoilla kulkeva sähköauto on noussu1332336Yhdysvaltain hyökkäys Venezuelaan on YK:n peruskirjan mukaan laiton hyökkäyssota
Oman sävynsä tähän tuo vielä se, että hyökkäys kohdistettiin nimenomaan valtiojohtoa vastaan. Toki, kun tavoitteena on v5752165Ovatko Perussuomalaiset kommunisteja?
Toiset sanovat että ovat, toiset sanovat että eivät. Ainakin heillä on paljon sen aatteen piirteitä, koska haluavat kont812142Persuilla paniikki, kun diktaattorit yksi kerrallaan kaatuvat
Hallapersut halusivat sivarineidostaan sotilasjuntan komentajan Suomeen, jotta persuaatteen mukaiset puhdistukset olisi101934Laittaisin whatsuppissa viestin
Jos olisin täysin varma että se on toivottua vielä kun aikaa on mennyt ja että toivot sitä edelleen.721184