Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?
Vastaukset 13
- 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
- 921798
Kai mua vähän
Masentaa tämä kaikki. Tämä koko meidän välinen juttu on niin vaikea… Voitaisiinko molemmat lopettaa tilanteen ruokkimine1391283Onko karhukanta jo liian iso? Lenkkeilijä kohtasi kontion juoksulenkillä
Rantasalmella lenkkeilijä kohtasi karhun. Kylällä karhun näkeminen on ollut tosi harvinaista. Onko karhukanta jo liian i1261045Vanhat konkarit ulos Elämäni biisistä - Yle selittelee
Elämäni biisi starttaa taas tänä syksynä. Mukana on ripaus uutta, mutta poissa on iso osa vanhaa... Poissa ovat Markku29943S-ryhmän Israel-boikotti liiketalouden opintojen tapausesimerkkinä
Tätä S-ryhmän Israel-boikottitapausta käsitellään jo kauppakorkeakoulujen ja johtamiskorkeakoulujen esimerkeissä. Se ant32845Oot upea nainen, älä vähättele ittees
Ja tietojeni mukaan 2 muuta on susta kiinnostuneit mun lisäks. 👀41818Mitä vit,,tua!
Mikä hiivatin kommunistien teltta oli kirsikan nurkalla, olivat vähällä jäädä telttoinensa auton alle kun olivat sen kul35744KP-Sesongilla ongelmia?
Tarvitsen luotettavaa katonpuhdistajaa ja kuulin, että KP-Sesonki Oy tekee hommat edullisesti ja asiakkaan tarpeet huomi15743Mitä tehdä kun rakastan yhtä ja olen rakastunut toiseen
Kamala tilanne. Voinko pitää molemmat? 😁68710Jämsän Paras Ravintola
Särkijärven kioskiin on avattu uusi upea Maucas ravintola joka on jämsän paras. Loistava palvelu ja herkullinen ruoka. R46668