Hover optie

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Casper B

Casper B

26/08/2012 17:28:35
Quote Anchor link
Beste allemaal,

Ik wil voor mijn portfolio items een hover hebben.
Wanneer je over mijn portfolio thumb afbeeldingen gaat moet zowel de thumb meer zichtbaar worden + de titel van het project. Wanneer je alleen over de titel gaat moet alleen de titel een kleurtje krijgen.

Wat ik nu heb is, wanneer je over de thumb komt dat deze in opacity veranderd. En wanneer ik over de titel kopje ga, veranderd deze van kleur.

Nu vraag ik me af hoe ze mijn probleem hierboven uitgewerkt hebben op de volgende website.
Hopelijk kan iemand mij helpen!

Voorbeeld: http://www.wpexplorer.com/premium/alpha/portfolio-2-columns/
 
PHP hulp

PHP hulp

14/03/2025 15:20:27
 
Nick Dijkstra

Nick Dijkstra

26/08/2012 17:30:38
Quote Anchor link
Edit:
Verkeerd gelezen
Gewijzigd op 26/08/2012 17:31:01 door Nick Dijkstra
 
John Berg

John Berg

26/08/2012 17:31:33
Quote Anchor link
Ze veranderen daar de doorzichtigheid (opacity) van de afbeelding.

In CSS:

transition: opacity .2s linear;
 
Leon blabla

Leon blabla

26/08/2012 17:33:59
Quote Anchor link
Je kan het bereiken met zowel css als jQuery,
een link naar je eige site zou ook handig zijn ;)
 
Casper B

Casper B

26/08/2012 17:44:11
Quote Anchor link
@John Berg,

In mijn css staat dat wel al. Voor zowel de image als de tekst. Alleen, wanneer ik over de thumb gaat, veranderd de tekst niet...
En mijn vraag is nu dus, hoe hun dat hebben bereken. Door javascript? of.
Zelf heb ik firefox debugger. Maar krijg het niet gevonden...
Gewijzigd op 26/08/2012 17:44:56 door Casper B
 
Flip --

Flip --

26/08/2012 18:12:07
Quote Anchor link
misschien kan je de hover instellen op iets (een div ?) dat de afbeelding En de tekst bevat
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.