Page 1 of 2 12 Last
  1. #1

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    Vergroten+donkerder maken van alle elementen bij mouse over DIV

    Hallo
    Voor school moet ik nu een website maken, maar hoeveel ik ook zoek op het internet, ik vind maar niet hoe ik een div laat vergroten en de rest van de pagina donkerder maak bij een mouse over. Aangezien webdesign maar een heel klein vak is heb ik dus ook geen kennis, buiten een beetje html. Ik gebruik dreamweaver cs5. Zeg me a.u.b. hoe ik dit moet bekomen, of zet hier gewoon een beetje code waarop ik me kan baseren.
    Alvast bedankt!
    no votes  

  2. #2
    Huxley's Avatar
    Registered
    21/01/10
    Location
    Gent
    Posts
    3,535
    iTrader
    0
    Mentioned
    0 Post(s)
    der bestaat een pseudoclass voor mouse over

    Code:
    #div:hover {
    }
    Maar ik veronderstel dat je een soort van lightbox wilt maken? Daarvoor moet je gebruik maken van Javascript. Of wat bedoel je met 'donkerder maken'
    no votes  

  3. #3

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by Huxley View Post
    This quote is hidden because you are ignoring this member. Show
    der bestaat een pseudoclass voor mouse over

    Code:
    #div:hover {
    }
    Maar ik veronderstel dat je een soort van lightbox wilt maken? Daarvoor moet je gebruik maken van Javascript. Of wat bedoel je met 'donkerder maken'
    De bedoeling is dat er overal buiten op de geselecteerde div precies een zwart vlak komt met een grote transparantheid waardoor alles wel nog leesbaar blijft. Ik heb spijtig genoeg geen idee wat u bedoeld met een lightbox
    no votes  

  4. #4
    Huxley's Avatar
    Registered
    21/01/10
    Location
    Gent
    Posts
    3,535
    iTrader
    0
    Mentioned
    0 Post(s)
    Google it
    no votes  

  5. #5

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Is bij deze gebeurd, lightbox is dus iets om foto's naar de voorgrond te brengen. Helaas werkt dit niet in ons geval denk ik. Alles moet heel vloeiend en natuurlijk gaan, en de achtergrond moet nog perfect blijven werken.
    no votes  

  6. #6
    Huxley's Avatar
    Registered
    21/01/10
    Location
    Gent
    Posts
    3,535
    iTrader
    0
    Mentioned
    0 Post(s)
    CSS pointer-events to allow clicks on underlying elements - Robert's talk

    Kan van pas komen maar om alle elementen een overlay te geven behalve het actieve ga je toch Javascript moeten gebruiken.
    no votes  

  7. #7

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    ok, bedankt. lijkt erop dat ik een beetje java zal gaan leren..
    no votes  

  8. #8
    Huxley's Avatar
    Registered
    21/01/10
    Location
    Gent
    Posts
    3,535
    iTrader
    0
    Mentioned
    0 Post(s)
    javaSCRIPT. Maar kijk naar jQuery. Das een js library die het leven makkelijker maakt.
    no votes  

  9. #9

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Ik heb zelf eens iets geschreven. Het is niet iets dat ik je aanraad om te gebruiken (er zullen wel duizend-en-een betere manieren zijn) maar ik deel het maar even:

    Edit this Fiddle - jsFiddle
    no votes  

  10. #10

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Bedankt voor de tips!
    Ik kan het alleen niet laten werken blijkbaar.. als ik op gelijk welke div kom veranderen de andere...
    Is er iemand die 1 div-je wil coderen voor mij zodat ik de code gewoon kan toepassen op de andere ?
    no votes  

  11. #11

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Quote Originally Posted by wotevajjjj View Post
    This quote is hidden because you are ignoring this member. Show
    Bedankt voor de tips!
    Ik kan het alleen niet laten werken blijkbaar.. als ik op gelijk welke div kom veranderen de andere...
    Wat bedoel je?
    no votes  

  12. #12
    faxxR's Avatar
    Registered
    29/03/08
    Posts
    227
    iTrader
    0
    Mentioned
    0 Post(s)
    Fancybox - Fancy jQuery lightbox alternative

    Is het zoiets dat je bedoelt? Ik gebruik dit ook, kijk bij How to use en daar staat alles goed uitgelegd wat en hoe je het moet doen. Zeer simpel en handig te gebruiken!
    no votes  

  13. #13

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    als ik met myn muis op div 2 kom hovert 1 en 2 ipv enkel 2
    no votes  

  14. #14

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Quote Originally Posted by wotevajjjj View Post
    This quote is hidden because you are ignoring this member. Show
    als ik met myn muis op div 2 kom hovert 1 en 2 ipv enkel 2
    In mijn voorbeeld of in hoe jij het geïmplementeerd hebt? Als het bij jou is: post uw code eens.

    Mijn code werkt trouwens niet met hover's maar met clicks. Je moet er dus op klikken. Ik begrijp sowieso het nut al niet van dergelijk systeem, maar bon.
    no votes  

  15. #15

    Registered
    14/06/11
    Location
    Wieze
    Posts
    513
    iTrader
    20 (95%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Het doel is gewoon om een levendiger ui te krijgen.
    code.zip
    bedankt voor te willen helpen
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in