Ask Your Question
0

Final project + hover

asked 2020-04-29 16:28:17 -0500

zb gravatar image

Sziasztok!

Elkészítettem a feladatot (azt hiszem). A data-attribute részt nem annyira értettem, azt kicsit máshogy oldottam meg. A hover nem sikerült, most kármelyik thumbnail img-re megyek, minden thumbnail title megjelenik. Az előző attribute dologgal lehetett volna ezt kiküszöbölni?

Itt van a 3 file: https://github.com/takaroo/takaroo.gi... myfinalprojectindex.html myfinalprojectscript.js myfinalprojectstyle.css https://takaroo.github.io/myfinalproj...

Előre is köszi a visszajelzést!

Üdv. Zita

edit retag flag offensive close merge delete

1 answer

Sort by » oldest newest most voted
0

answered 2020-05-01 10:27:42 -0500

aze gravatar image

Tok meno, hogy ennyi mindent sikerult!

Teljesen jol oldottad meg igy is :)

Amit eszrevettem, hogy minden thumbnail felett az elso keped cime jelenik meg, ott csak az index-et hasznalod rosszul, igy kene kineznie inkabb:

$('.hiddenThumbnailTitle').text(data.title[i]);

A hover-t meg igazabol, ha mar ilyen ugyesen elokeszitetted neki a div-et meg a CSS-t boven meg lehet oldani CSS-el. Mert jelenleg minden thumbnailt tartalmazo containert valasztod ki $('.thumbnails').hover(...) hogy hasznald rajta a hover-t es utana az osszes thumbnail-t fadein-eled. Ehelyett, amit CSS-ben kikommenteltel tokre mukodik. Ha esetleg nem mukodik, akkor az azert lehet, mert rossz a ket szabaly sorrendje (mivel mind2 ugyanolyan specifikus), ezert a kesobbi mindig felulirja az elobbit. Szoval legyen eloszor a sima .hiddenThumbnailTitle {...} szabaly a CSS-ben, aztan .hiddenThumbnailTitle:hover {...}

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account.

Add Answer

Question Tools

1 follower

Stats

Asked: 2020-04-29 16:28:17 -0500

Seen: 21 times

Last updated: May 01